@pega/angular-sdk-overrides 0.25.15 → 0.25.17

package/lib/designSystemExtension/material-details/material-details.component.spec.ts

@@ -1,24 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-
-import { MaterialDetailsComponent } from './material-details.component';
-
-describe('MaterialDetailsComponent', () => {
-  let component: MaterialDetailsComponent;
-  let fixture: ComponentFixture<MaterialDetailsComponent>;
-
-  beforeEach(async () => {
-    await TestBed.configureTestingModule({
-      declarations: [MaterialDetailsComponent]
-    }).compileComponents();
-  });
-
-  beforeEach(() => {
-    fixture = TestBed.createComponent(MaterialDetailsComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});

package/lib/designSystemExtension/material-details/material-details.component.ts

@@ -1,31 +0,0 @@
-import { Component, Input, forwardRef } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { Utils } from '@pega/angular-sdk-components';
-import { ComponentMapperComponent } from '@pega/angular-sdk-components';
-
-@Component({
-  selector: 'app-material-details',
-  templateUrl: './material-details.component.html',
-  styleUrls: ['./material-details.component.scss'],
-  imports: [CommonModule, forwardRef(() => ComponentMapperComponent)]
-})
-export class MaterialDetailsComponent {
-  constructor(private utils: Utils) {}
-
-  @Input() arFields$: any[];
-  @Input() arFields2$: any[];
-  @Input() arFields3$: any[];
-  @Input() arHighlightedFields: any[];
-  @Input() layout: any;
-
-  _getValue(configValue) {
-    if (configValue && configValue != '') {
-      return configValue;
-    }
-    return '---';
-  }
-
-  _formatDate(dateValue: string, dateFormat: string): string {
-    return this.utils.generateDate(dateValue, dateFormat);
-  }
-}

package/lib/designSystemExtension/material-details-fields/material-details-fields.component.html

@@ -1,41 +0,0 @@
-<div id="details-fields-list">
-  <div *ngFor="let field of arFields$">
-    <div *ngIf="field.type === 'group'; else noGroup">
-      <component-mapper name="Group" [props]="{ pConn$: field.pConn }"></component-mapper>
-    </div>
-    <ng-template #noGroup>
-      <div *ngIf="field.type === 'reference'; else showDetails">
-        <component-mapper name="reference" [props]="{ pConn$: field.pConn }"></component-mapper>
-      </div>
-    </ng-template>
-
-    <ng-template #showDetails>
-      <div class="psdk-grid-filter" *ngIf="field.config.label && _getVisibility(field.config)">
-        <div class="psdk-details-fields-label">
-          {{ field.config.label }}
-        </div>
-        <div [ngSwitch]="field.type.toLowerCase()" class="psdk-csf-primary-field-value">
-          <span *ngSwitchCase="'textinput'" class="psdk-details-text-style">{{ _getValue(field.config.value) }}</span>
-          <span *ngSwitchCase="'status'" class="psdk-details-status-style">{{ _getValue(field.config.value) }}</span>
-          <a *ngSwitchCase="'phone'" class="psdk-primary-color" as="a" href="tel: {{ field.config.value }}">{{ _getValue(field.config.value) }}</a>
-          <a *ngSwitchCase="'email'" class="psdk-primary-color" href="mailto: {{ field.config.value }}">{{ _getValue(field.config.value) }}</a>
-          <span *ngSwitchCase="'date'" class="psdk-details-text-style">{{ _formatDate(field.config.value, field.type) }}</span>
-          <span *ngSwitchCase="'decimal'" class="psdk-details-text-style">{{ _formatDecimal(field) }}</span>
-          <span *ngSwitchCase="'currency'" class="psdk-details-text-style">{{ _formatCurrency(field) }}</span>
-          <span *ngSwitchCase="'richtext'" class="psdk-details-text-style" [innerHTML]="_getValue(field.config.value)"></span>
-          <ng-container *ngSwitchCase="'scalarlist'">
-            <span *ngIf="field.config.componentType?.toLowerCase() === 'decimal'" class="psdk-details-text-style">{{ _formatDecimal(field) }}</span>
-            <span *ngIf="field.config.componentType?.toLowerCase() === 'currency'" class="psdk-details-text-style">{{ _formatCurrency(field) }}</span>
-            <span
-              *ngIf="field.config.componentType?.toLowerCase() !== 'decimal' && field.config.componentType?.toLowerCase() !== 'currency'"
-              class="psdk-details-text-style"
-              >{{ _getValue(field.config.value) }}</span
-            >
-          </ng-container>
-          <span *ngSwitchCase="'caseoperator'"></span>
-          <span *ngSwitchDefault>{{ _getValue(field.config.value, field) }}</span>
-        </div>
-      </div>
-    </ng-template>
-  </div>
-</div>

package/lib/designSystemExtension/material-details-fields/material-details-fields.component.scss

@@ -1,34 +0,0 @@
-.psdk-details-fields-label {
-  margin: 8px 0px;
-}
-
-span.psdk-details-text-style-hf {
-  font-weight: bold;
-}
-
-span.psdk-details-status-style-hf {
-  border-radius: calc(0.25 * 0.5rem);
-  display: inline-block;
-  font-size: 0.75rem;
-  font-weight: bold;
-  line-height: calc(0.5rem * 2.5);
-  height: calc(0.5rem * 2.5);
-  padding: 0 0.5rem;
-  text-transform: uppercase;
-}
-
-.psdk-grid-filter {
-  display: grid;
-  grid-template-columns: repeat(2, minmax(0, 1fr));
-  column-gap: calc(2 * 0.5rem);
-  row-gap: calc(2 * 0.5rem);
-  align-items: start;
-}
-
-.psdk-csf-primary-field-value {
-  margin: 8px 0;
-}
-
-.psdk-primary-color {
-  color: var(--mat-sys-primary);
-}

package/lib/designSystemExtension/material-details-fields/material-details-fields.component.spec.ts

@@ -1,22 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-
-import { MaterialDetailsFieldsComponent } from './material-details-fields.component';
-
-describe('MaterialDetailsFieldsComponent', () => {
-  let component: MaterialDetailsFieldsComponent;
-  let fixture: ComponentFixture<MaterialDetailsFieldsComponent>;
-
-  beforeEach(async () => {
-    await TestBed.configureTestingModule({
-      declarations: [MaterialDetailsFieldsComponent]
-    }).compileComponents();
-
-    fixture = TestBed.createComponent(MaterialDetailsFieldsComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});

package/lib/designSystemExtension/material-details-fields/material-details-fields.component.ts

@@ -1,61 +0,0 @@
-import { Component, Input, forwardRef } from '@angular/core';
-import { Utils } from '@pega/angular-sdk-components';
-import { CommonModule } from '@angular/common';
-import { ComponentMapperComponent } from '@pega/angular-sdk-components';
-import { getCurrencyOptions } from '@pega/angular-sdk-components';
-import { format } from '@pega/angular-sdk-components';
-
-@Component({
-  selector: 'app-material-details-fields',
-  templateUrl: './material-details-fields.component.html',
-  styleUrls: ['./material-details-fields.component.scss'],
-  imports: [CommonModule, forwardRef(() => ComponentMapperComponent)]
-})
-export class MaterialDetailsFieldsComponent {
-  constructor(private utils: Utils) {}
-
-  @Input() arFields$: any[];
-  @Input() arHighlightedFields: any[];
-
-  _getValue(configValue, field: any = {}) {
-    if (field?.type === 'userreference') {
-      return configValue.userName;
-    }
-    if (configValue && configValue != '') {
-      return configValue;
-    }
-    return '---';
-  }
-
-  _formatDate(dateValue: string, dateFormat: string): string {
-    return this.utils.generateDate(dateValue, dateFormat);
-  }
-
-  _formatDecimal(field: any): string {
-    const { currencyISOCode = '', formatter } = field.config;
-
-    const theCurrencyOptions = getCurrencyOptions(currencyISOCode);
-    const formatterLower = formatter?.toLowerCase() || 'decimal';
-    const formattedValue = format(field.config.value, formatterLower, theCurrencyOptions);
-
-    return formattedValue;
-  }
-
-  _formatCurrency(field: any): string {
-    const { currencyISOCode = 'USD', formatter } = field.config;
-
-    const formattedValue = format(
-      field.config.value,
-      formatter ? (formatter.toLowerCase() === 'defaultcurrency' ? 'currency' : formatter.toLowerCase()) : 'currency',
-      getCurrencyOptions(currencyISOCode)
-    );
-
-    return formattedValue;
-  }
-
-  _getVisibility(config): boolean {
-    const { visibility = true } = config;
-
-    return this.utils.getBooleanValue(visibility);
-  }
-}