@unifylib/ui-lib 1.0.3 → 1.1.3

package/src/lib/services/trigger-form.service.ts

@@ -1,11 +1,11 @@
-import {Injectable, signal} from '@angular/core';
-
-@Injectable({
-  providedIn: 'root'
-})
-
-
-export class ShareDataService {
-  trigger = signal<boolean>(true);
-  enableTrigger = (() => (() => this.trigger.update((val) => val = !val)))
-}
+import {Injectable, signal} from '@angular/core';
+
+@Injectable({
+  providedIn: 'root'
+})
+
+
+export class ShareDataService {
+  trigger = signal<boolean>(true);
+  enableTrigger = (() => (() => this.trigger.update((val) => val = !val)))
+}

package/src/lib/share-module/shared-module.ts

@@ -1,10 +1,10 @@
-// projects/your-lib/src/lib/shared/shared.module.ts
-import { NgModule } from '@angular/core';
-import { CommonModule } from '@angular/common';
-// Import other shared modules (e.g., Angular Material modules)
-
-@NgModule({
-  imports: [CommonModule],
-  exports: [CommonModule]
-})
-export class SharedModule { }
+// projects/your-lib/src/lib/shared/shared.module.ts
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+// Import other shared modules (e.g., Angular Material modules)
+
+@NgModule({
+  imports: [CommonModule],
+  exports: [CommonModule]
+})
+export class SharedModule { }

package/src/lib/utils/base-utils.ts

@@ -1,102 +1,102 @@
-import {FieldInfo, EMPTY_PAGE_INFO, PageInfo, FilterRequest, SAVE_AND_COMPLETE} from "../base-model";
-import {APPROVE, NEW, SAVE} from "../base-model/do-action-request";
-import {Validators} from "@angular/forms";
-
-export class BaseUtils {
-
-  pageInfo: PageInfo = EMPTY_PAGE_INFO;
-
-  labelKey(column: any) {
-    if (column.type === 'workflowStatus') {
-      return 'INVENTORY.workflowStatus'
-    }
-    if (!column.property.length) {
-      return "";
-    }
-    const configuredKey = column.label ? column.label : column.property
-    return configuredKey.startsWith(this.pageInfo.labelsSection) ? `${configuredKey}` : `${this.pageInfo.labelsSection}.${configuredKey}`;
-  }
-
-  labelKeyByValue(column: any, element) {
-    if (!column.property.length) {
-      return "";
-    }
-    return `${this.pageInfo.labelsSection}.${element[column.property]}`
-  }
-
-  formatTimeToDate(v: any){
-    const fromTime: Date = new Date();
-    if (v) {
-      let split = v.split(":");
-      fromTime.setHours(split[0], split[1]);
-    }
-    return new Date(fromTime.getTime());
-  }
-}
-
-export function buildFormFields(fields: FieldInfo[], item:any){
-  let fieldsControls: string[] = [];
-  for (let field of fields) {
-    if (field.type !== 'spacer') {
-      const emptyValue = field.type === 'lookup' || field.type === 'multi-select' ? null : '';
-      const extractedValue = item ? extractFieldName(item, field.property) : undefined;
-      const validators = field.required
-        ? [...(field.validators || []), Validators.required]
-        : field.validators || [];
-
-      fieldsControls[field.property] = extractedValue !== undefined && extractedValue !== null
-        ? [extractedValue, validators]
-        : [field.placeholder || emptyValue, validators];
-    }
-  }
-  return fieldsControls;
-}
-export function buildItemsList(searchStr: string, apiPath?: string, cascadedByProperty?:string){
-  const filterRequest : FilterRequest = new FilterRequest();
-  // return {
-  filterRequest.apiUri = cascadedByProperty ? `${apiPath}/${cascadedByProperty}` :apiPath;
-  filterRequest.searchStr= searchStr
-  filterRequest.pageIndex = 0;
-  filterRequest.pageSize= 10;
-  filterRequest.sortKey= 'id';
-  filterRequest.sortDirection = "DESC" as const;
-  // }
-  return filterRequest;
-}
-
-export function extractFieldName(element: any, property: string) {
-  if (property.includes('.')) {
-    return property.split('.').reduce((acc, part) => acc && acc[part], element);
-  } else {
-    return element[property];
-  }
-}
-
-export function getPositiveWfActionKey(stateType: any) {
-  if  (stateType === "COMPLETED") {
-    return "save";
-  } else if  (stateType === "PENDING" || stateType === "NEW") {
-    return "approve";
-  }
-  return "save";
-}
-
-export function getNegativeWfActionKey(stateType: any) {
-  if  (stateType === "COMPLETED" ) {
-    return "cancel";
-  } else if  (stateType === "PENDING"|| stateType === "NEW") {
-    return "reject";
-  }
-  return "cancel";
-}
-
-export function getWfActionId(stateType) {
-  let actionId = NEW;
-  if  (stateType === "COMPLETED") {
-    actionId =  SAVE;
-  } else if  (stateType === "PENDING" || stateType === "NEW") {
-    actionId =  APPROVE;
-  }
-  return actionId;
-}
-
+import {FieldInfo, EMPTY_PAGE_INFO, PageInfo, FilterRequest, SAVE_AND_COMPLETE} from "../base-model";
+import {APPROVE, NEW, SAVE} from "../base-model/do-action-request";
+import {Validators} from "@angular/forms";
+
+export class BaseUtils {
+
+  pageInfo: PageInfo = EMPTY_PAGE_INFO;
+
+  labelKey(column: any) {
+    if (column.type === 'workflowStatus') {
+      return 'INVENTORY.workflowStatus'
+    }
+    if (!column.property.length) {
+      return "";
+    }
+    const configuredKey = column.label ? column.label : column.property
+    return configuredKey.startsWith(this.pageInfo.labelsSection) ? `${configuredKey}` : `${this.pageInfo.labelsSection}.${configuredKey}`;
+  }
+
+  labelKeyByValue(column: any, element) {
+    if (!column.property.length) {
+      return "";
+    }
+    return `${this.pageInfo.labelsSection}.${element[column.property]}`
+  }
+
+  formatTimeToDate(v: any){
+    const fromTime: Date = new Date();
+    if (v) {
+      let split = v.split(":");
+      fromTime.setHours(split[0], split[1]);
+    }
+    return new Date(fromTime.getTime());
+  }
+}
+
+export function buildFormFields(fields: FieldInfo[], item:any){
+  let fieldsControls: string[] = [];
+  for (let field of fields) {
+    if (field.type !== 'spacer') {
+      const emptyValue = field.type === 'lookup' || field.type === 'multi-select' ? null : '';
+      const extractedValue = item ? extractFieldName(item, field.property) : undefined;
+      const validators = field.required
+        ? [...(field.validators || []), Validators.required]
+        : field.validators || [];
+
+      fieldsControls[field.property] = extractedValue !== undefined && extractedValue !== null
+        ? [extractedValue, validators]
+        : [emptyValue, validators];
+    }
+  }
+  return fieldsControls;
+}
+export function buildItemsList(searchStr: string, apiPath?: string, cascadedByProperty?:string){
+  const filterRequest : FilterRequest = new FilterRequest();
+  // return {
+  filterRequest.apiUri = cascadedByProperty ? `${apiPath}/${cascadedByProperty}` :apiPath;
+  filterRequest.searchStr= searchStr
+  filterRequest.pageIndex = 0;
+  filterRequest.pageSize= 10;
+  filterRequest.sortKey= 'id';
+  filterRequest.sortDirection = "DESC" as const;
+  // }
+  return filterRequest;
+}
+
+export function extractFieldName(element: any, property: string) {
+  if (property.includes('.')) {
+    return property.split('.').reduce((acc, part) => acc && acc[part], element);
+  } else {
+    return element[property];
+  }
+}
+
+export function getPositiveWfActionKey(stateType: any) {
+  if  (stateType === "COMPLETED") {
+    return "save";
+  } else if  (stateType === "PENDING" || stateType === "NEW") {
+    return "approve";
+  }
+  return "save";
+}
+
+export function getNegativeWfActionKey(stateType: any) {
+  if  (stateType === "COMPLETED" ) {
+    return "cancel";
+  } else if  (stateType === "PENDING"|| stateType === "NEW") {
+    return "reject";
+  }
+  return "cancel";
+}
+
+export function getWfActionId(stateType) {
+  let actionId = NEW;
+  if  (stateType === "COMPLETED") {
+    actionId =  SAVE;
+  } else if  (stateType === "PENDING" || stateType === "NEW") {
+    actionId =  APPROVE;
+  }
+  return actionId;
+}
+

package/src/lib/validators/date-range-validator.ts

@@ -1,31 +1,31 @@
-import { AbstractControl, ValidationErrors, FormArray, FormGroup } from '@angular/forms';
-
-export function DateRangeValidator(group: AbstractControl): ValidationErrors | null {
-  let fromDateControl: AbstractControl | null = null;
-  let toDateControl: AbstractControl | null = null;
-
-  if (group.parent instanceof FormGroup && group.parent.parent instanceof FormArray) {
-    const formGroup = group.parent;
-    fromDateControl = formGroup.get('fromDate');
-    toDateControl = formGroup.get('toDate');
-  } else {
-    fromDateControl = group.root.get('fromDate');
-    toDateControl = group.root.get('toDate');
-  }
-
-  if (fromDateControl && toDateControl) {
-    const fromDateValue = fromDateControl.value;
-    const toDateValue = toDateControl.value;
-
-    if (fromDateValue && toDateValue) {
-      const fromDate = new Date(fromDateValue);
-      const toDate = new Date(toDateValue);
-
-      if (fromDate > toDate) {
-        return { dateRangeInvalid: 'Invalid Date Range: To date must be after from date' };
-      }
-    }
-  }
-
-  return null;
-}
+import { AbstractControl, ValidationErrors, FormArray, FormGroup } from '@angular/forms';
+
+export function DateRangeValidator(group: AbstractControl): ValidationErrors | null {
+  let fromDateControl: AbstractControl | null = null;
+  let toDateControl: AbstractControl | null = null;
+
+  if (group.parent instanceof FormGroup && group.parent.parent instanceof FormArray) {
+    const formGroup = group.parent;
+    fromDateControl = formGroup.get('fromDate');
+    toDateControl = formGroup.get('toDate');
+  } else {
+    fromDateControl = group.root.get('fromDate');
+    toDateControl = group.root.get('toDate');
+  }
+
+  if (fromDateControl && toDateControl) {
+    const fromDateValue = fromDateControl.value;
+    const toDateValue = toDateControl.value;
+
+    if (fromDateValue && toDateValue) {
+      const fromDate = new Date(fromDateValue);
+      const toDate = new Date(toDateValue);
+
+      if (fromDate > toDate) {
+        return { dateRangeInvalid: 'Invalid Date Range: To date must be after from date' };
+      }
+    }
+  }
+
+  return null;
+}

package/src/lib/validators/index.ts

@@ -1,3 +1,3 @@
-export * from './match-list.validator';
-export * from './multi-email-validator';
-export * from './date-range-validator';
+export * from './match-list.validator';
+export * from './multi-email-validator';
+export * from './date-range-validator';

package/src/lib/validators/match-list.validator.ts

@@ -1,10 +1,10 @@
-import {FormGroup} from "@angular/forms";
-import {LookupItem} from "../base-model";
-
-export function RequireMatch(control: FormGroup) {
-    const selection: any = control.value;
-    if (typeof selection === 'string' || (selection instanceof LookupItem && selection.id === -1)) {
-        return { incorrect: true };
-    }
-    return null;
-}
+import {FormGroup} from "@angular/forms";
+import {LookupItem} from "../base-model";
+
+export function RequireMatch(control: FormGroup) {
+    const selection: any = control.value;
+    if (typeof selection === 'string' || (selection instanceof LookupItem && selection.id === -1)) {
+        return { incorrect: true };
+    }
+    return null;
+}

package/src/lib/validators/multi-email-validator.ts

@@ -1,15 +1,15 @@
-import { FormGroup } from '@angular/forms';
-
-export function MultiEmailValidator(control: FormGroup) {
-    if (!control.value) {
-        return null;
-    }
-    const emails = control.value.split(';').map(email => email.trim());
-
-    for (let email of emails) {
-        if (!email.match(/^([\w+-.%]+@[\w-.]+\.[A-Za-z]{2,7};?)*$/)) {
-            return { 'invalidEmail': { value: control.value } };
-        }
-    }
-    return null;
-}
+import { FormGroup } from '@angular/forms';
+
+export function MultiEmailValidator(control: FormGroup) {
+    if (!control.value) {
+        return null;
+    }
+    const emails = control.value.split(';').map(email => email.trim());
+
+    for (let email of emails) {
+        if (!email.match(/^([\w+-.%]+@[\w-.]+\.[A-Za-z]{2,7};?)*$/)) {
+            return { 'invalidEmail': { value: control.value } };
+        }
+    }
+    return null;
+}

package/src/public-api.ts

@@ -1,21 +1,29 @@
-/*
- * Public API Surface of invoiceq-lib
- */
-
-export * from './lib/components/action-confirmation/action-confirmation.component'
-export * from './lib/components/base-table/base-table.component'
-export * from './lib/components/audit-log-list/audit-log.component'
-export * from './lib/components/editable-base-table/editable-base-table.component'
-export * from './lib/components/title-bar/title-bar.component'
-export * from './lib/components/shared-list/shared-list.component'
-export * from './lib/components/base-form-canvas/base-form-canvas.component'
-export * from './lib/components/base-form/base-form.component'
-export * from './lib/components/audit-log-details-dialog/audit-log-details-dialog.component'
-export * from './lib/components/report-form/report-form.component'
-export * from './lib/components/activity-report-form/activity-report-form.component'
-export * from './lib/components/report-details-dialog/report-details-dialog.component'
-export * from './lib/base-model';
-export * from './lib/services';
-export * from './lib/validators';
-export * from './lib/components/base-input-dialog/base-input-dialog.component'
-export * from './lib/components/search-bar/search-bar.component'
+/*
+ * Public API Surface of invoiceq-lib
+ */
+
+export * from './lib/components/action-confirmation/action-confirmation.component'
+export * from './lib/components/base-table/base-table.component'
+export * from './lib/components/audit-log-list/audit-log.component'
+export * from './lib/components/editable-base-table/editable-base-table.component'
+export * from './lib/components/title-bar/title-bar.component'
+export * from './lib/components/shared-list/shared-list.component'
+export * from './lib/components/base-form-canvas/base-form-canvas.component'
+export * from './lib/components/section-form-canvas/section-form-canvas.component'
+export * from './lib/components/base-form/base-form.component'
+export * from './lib/components/audit-log-details-dialog/audit-log-details-dialog.component'
+export * from './lib/components/report-form/report-form.component'
+export * from './lib/components/activity-report-form/activity-report-form.component'
+export * from './lib/components/report-details-dialog/report-details-dialog.component'
+export * from './lib/base-model';
+export * from './lib/base-model/line-item.model';
+export * from './lib/base-model/items-total.model';
+export * from './lib/services';
+export * from './lib/validators';
+export * from './lib/components/base-input-dialog/base-input-dialog.component'
+export * from './lib/components/search-bar/search-bar.component'
+export * from './lib/components/snackbar-static/snackbar-static.component'
+export * from './lib/components/shared/action-card/action-card.component'
+export * from './lib/components/shared/action-button/action-button.component'
+export * from './lib/components/action-comment/action-comment.component'
+export * from './lib/components/item-line-editor/item-line-editor.component'

package/tsconfig.lib.json

@@ -1,15 +1,15 @@
-/* To learn more about Typescript configuration file: https://www.typescriptlang.org/docs/handbook/tsconfig-json.html. */
-/* To learn more about Angular compiler options: https://angular.dev/reference/configs/angular-compiler-options. */
-{
-  "extends": "../../../tsconfig.json",
-  "compilerOptions": {
-    "outDir": "../../../out-tsc/lib",
-    "declaration": true,
-    "declarationMap": true,
-    "inlineSources": true,
-    "types": []
-  },
-  "exclude": [
-    "**/*.spec.ts"
-  ]
-}
+/* To learn more about Typescript configuration file: https://www.typescriptlang.org/docs/handbook/tsconfig-json.html. */
+/* To learn more about Angular compiler options: https://angular.dev/reference/configs/angular-compiler-options. */
+{
+  "extends": "../../../tsconfig.json",
+  "compilerOptions": {
+    "outDir": "../../../out-tsc/lib",
+    "declaration": true,
+    "declarationMap": true,
+    "inlineSources": true,
+    "types": []
+  },
+  "exclude": [
+    "**/*.spec.ts"
+  ]
+}

package/tsconfig.lib.prod.json

@@ -1,11 +1,11 @@
-/* To learn more about Typescript configuration file: https://www.typescriptlang.org/docs/handbook/tsconfig-json.html. */
-/* To learn more about Angular compiler options: https://angular.dev/reference/configs/angular-compiler-options. */
-{
-  "extends": "./tsconfig.lib.json",
-  "compilerOptions": {
-    "declarationMap": false
-  },
-  "angularCompilerOptions": {
-    "compilationMode": "partial"
-  }
-}
+/* To learn more about Typescript configuration file: https://www.typescriptlang.org/docs/handbook/tsconfig-json.html. */
+/* To learn more about Angular compiler options: https://angular.dev/reference/configs/angular-compiler-options. */
+{
+  "extends": "./tsconfig.lib.json",
+  "compilerOptions": {
+    "declarationMap": false
+  },
+  "angularCompilerOptions": {
+    "compilationMode": "partial"
+  }
+}

package/tsconfig.spec.json

@@ -1,15 +1,15 @@
-/* To learn more about Typescript configuration file: https://www.typescriptlang.org/docs/handbook/tsconfig-json.html. */
-/* To learn more about Angular compiler options: https://angular.dev/reference/configs/angular-compiler-options. */
-{
-  "extends": "../../../tsconfig.json",
-  "compilerOptions": {
-    "outDir": "../../../out-tsc/spec",
-    "types": [
-      "jasmine"
-    ]
-  },
-  "include": [
-    "**/*.spec.ts",
-    "**/*.d.ts"
-  ]
-}
+/* To learn more about Typescript configuration file: https://www.typescriptlang.org/docs/handbook/tsconfig-json.html. */
+/* To learn more about Angular compiler options: https://angular.dev/reference/configs/angular-compiler-options. */
+{
+  "extends": "../../../tsconfig.json",
+  "compilerOptions": {
+    "outDir": "../../../out-tsc/spec",
+    "types": [
+      "jasmine"
+    ]
+  },
+  "include": [
+    "**/*.spec.ts",
+    "**/*.d.ts"
+  ]
+}

package/src/lib/components/rejection-comment/action-comment.component.css

@@ -1,33 +0,0 @@
-.m-0{
-  margin: 0 !important;
-}
-.w-100{
-  width: 100%;
-}
-.form-style{
-  min-height: 12vh !important;
-  height: auto !important;
-}
-.text-red{
-  color: red !important;
-}
-.modal-footer{
-  margin-top: 5vh;
-}
-.overflow-hidden{
-  overflow: hidden;
-}
-.pad-top{
-  margin-top: -7px;
-  display: block;
-}
-.action-comment {
-  display: flex;
-  justify-content: space-between;
-}
-.material-icons {
-  color: #E22222;padding: 10px;cursor: pointer;
-}
-textarea#warn::placeholder {
-  color: red;
-}

package/src/lib/components/rejection-comment/action-comment.component.html

@@ -1,46 +0,0 @@
-<div *ngIf="signingRequired">
-  <p mat-dialog-title align="start" class="invoice-note-text invoice-section m-0">
-    {{ 'comment.OTP' | translate }}
-    <span *ngIf="isTermination" class="text-red">*</span>
-  </p>
-  <mat-dialog-content class="mat-typography">
-    <mat-form-field appearance="outline" class="w-100" [class.error-input]="isSubmitted && !otp">
-      <input cdkFocusInitial agAcceptOnlyNumeric [(ngModel)]="otp" matInput type="text" class="pad-top"/>
-    </mat-form-field>
-  </mat-dialog-content>
-</div>
-<div>
-  <div class="action-comment">
-    <p class="invoice-note-text invoice-section">
-      <span style="padding: 10px 15px">{{ actionLabel | translate }}</span>
-      <span *ngIf="isTermination" class="text-red">*</span>
-    </p>
-    <mat-icon (click)="cancel()">close</mat-icon>
-<!--    <span class="material-icons" (click)="cancel()">close</span>-->
-  </div>
-  <mat-dialog-content class="mat-typography overflow-hidden">
-    <mat-form-field appearance="outline" class="w-100">
-                <textarea cdkFocusInitial [(ngModel)]="comment" matInput class="form-style"
-                          [id]="isTermination ? 'warn' : 'primary'"
-                          cdkTextareaAutosize
-                          cdkAutosizeMinRows="4"
-                          cdkAutosizeMaxRows="5"
-                          placeholder="{{'PAYER.placeHolder' | translate}}">
-                </textarea>
-    </mat-form-field>
-  </mat-dialog-content>
-
-  <div style="margin-top: 10px">
-    <p *ngIf="warningMsg" mat-dialog-title align="start" class="invoice-section m-0 text-red">
-      {{ 'vendorWarning' | translate }}
-    </p>
-  </div>
-
-  <mat-dialog-actions align="end" class="modal-footer">
-
-    <button mat-stroked-button [color]="isTermination ? 'warn': 'primary'" [disabled]="isTermination && !comment"
-            (click)="commentAndClose()" id="actionLabel">
-      {{ 'Proceed' | translate }}
-    </button>
-  </mat-dialog-actions>
-</div>