@unifylib/ui-lib 1.0.3

package/ng-package.json

@@ -0,0 +1,7 @@
+{
+  "$schema": "../../../node_modules/ng-packagr/ng-package.schema.json",
+  "dest": "../../../dist/iq/ui-lib",
+  "lib": {
+    "entryFile": "src/public-api.ts"
+  }
+}

package/package.json

@@ -0,0 +1,12 @@
+{
+  "name": "@unifylib/ui-lib",
+  "version": "1.0.3",
+  "peerDependencies": {
+    "@angular/common": "^17.3.12",
+    "@angular/core": "^17.3.12"
+  },
+  "dependencies": {
+    "tslib": "^2.3.0"
+  },
+  "sideEffects": false
+}

package/src/lib/base-model/SearchStrConfig.ts

@@ -0,0 +1,12 @@
+
+export enum MATCH_TYPE {
+    LIKE = 'like',
+    MATCH = 'match'
+}
+
+export class SearchStrConfig {
+    searchStr:string='';
+    matchType?: MATCH_TYPE;
+
+}
+

package/src/lib/base-model/api-response.ts

@@ -0,0 +1,23 @@
+export interface ApiResponse {
+    body: any;
+    valid?: boolean;
+    fieldMessages?: FieldMessage[];
+    globalMessages?: GlobalMessage[];
+    pagination?: Pagination;
+}
+
+export interface Pagination {
+    pageNumber: number ;
+    pageSize: number ;
+    totalElements: number ;
+    totalPages: number ;
+}
+
+export interface FieldMessage {
+    message: string;
+    fieldName: string;
+}
+export interface GlobalMessage {
+    message: string;
+    messageType: 'INFO'| 'WARNING' | 'ERROR';
+}

package/src/lib/base-model/audit-log-entry.ts

@@ -0,0 +1,7 @@
+export class AuditLogEntry {
+    action: number;
+    createdOn:Date;
+    createdBy:string;
+    subject:any;
+    comment:string;
+}

package/src/lib/base-model/button-action-settings.ts

@@ -0,0 +1,25 @@
+
+export class ButtonActionSettings {
+    constructor(buttonActionSettings: ButtonActionSettings) {
+        this.key = buttonActionSettings.key;
+        this.action = buttonActionSettings.action;
+        this.label = buttonActionSettings.label;
+        this.isPrimary = buttonActionSettings.isPrimary;
+        this.icon = buttonActionSettings.icon;
+        this.showCommentDialog = buttonActionSettings.showCommentDialog;
+        this.comment = buttonActionSettings.comment;
+        this.shareExternal = buttonActionSettings.shareExternal;
+        this.commentRequired = buttonActionSettings.commentRequired || false;
+    }
+
+    label: string;
+    action?: any;
+    key: number;
+    isPrimary?: boolean;
+    icon?: any;
+    showCommentDialog?:boolean;
+    comment?: any;
+    shareExternal?: boolean;
+    selectedId?: number;
+    commentRequired? : boolean;
+}

package/src/lib/base-model/column-def.model.ts

@@ -0,0 +1,34 @@
+export class ColumnDef {
+    order: number;
+    label: string;
+    fieldName: string;
+    datatype: string;
+    groupLabel: string;
+    width: number;
+    showSum: boolean=false;
+    showCount: boolean=false;
+
+    constructor(tableColumn: any, order: number, transLabel :string, lang?:string, groupLabel?:string) {
+        this.order = order;
+        this.label = transLabel;
+        if (tableColumn.reportProperty) {
+            this.fieldName = tableColumn.reportProperty;
+        } else {
+            this.fieldName = tableColumn.property.toString();
+        }
+
+        if (tableColumn.langDrivenName){
+            this.fieldName =  this.fieldName + "." + (lang === 'en'? "englishName": "arabicName");
+        }
+
+        if (tableColumn.reportType) {
+            this.datatype = tableColumn.reportType;
+        } else {
+            this.datatype = tableColumn.type === 'number' ? 'long' : tableColumn.type;
+        }
+        this.width = tableColumn.reportwidth ? tableColumn.reportwidth : null;
+        this.showSum = tableColumn.showSum;
+        this.showCount = tableColumn.showCount;
+        this.groupLabel = groupLabel;
+    }
+}

package/src/lib/base-model/do-action-request.ts

@@ -0,0 +1,11 @@
+export const NEW =1;
+export const SAVE =2;
+export const REJECT =3;
+export const APPROVE =4;
+export const SAVE_AND_COMPLETE =5;
+
+export class DoActionRequest {
+  actionId: number;
+  comment: string;
+  subject: any;
+}

package/src/lib/base-model/field-action.ts

@@ -0,0 +1,7 @@
+import {FieldInfo} from "./field-info";
+
+export class FieldAction {
+  pageId: string='';
+  property: any;
+  fieldInfo?: FieldInfo;
+}

package/src/lib/base-model/field-filter.model.ts

@@ -0,0 +1,14 @@
+export class FieldFilter {
+    fieldName: string;
+    operator: string;
+    firstValue: any;
+    filterType: string;
+
+}
+
+export const EMPTY_FILED_FILTER : FieldFilter = {
+    fieldName: 'abc',
+    operator: 'abc',
+    firstValue: 'abc',
+    filterType: 'FILED_FILTER',
+}

package/src/lib/base-model/field-info.ts

@@ -0,0 +1,98 @@
+import {ValidatorFn} from "@angular/forms";
+import {Filter} from "./filter.model";
+
+export class FieldInfo {
+    property: string = "";
+    row: number;
+    required: boolean = false;
+    type: 'text' | 'amount' |'color-picker' | 'currency' | 'date' | 'number' | 'sequence' | 'list' |'lookup'| 'multi-select' | 'password'| 'rich-text'|'radio-button'| 'phone-number'| 'iban-text'|'checkbox' |'textarea' |'button'|'spacer' | 'attachment'| 'section-title'| 'chip-list' |'time' | 'divider' | 'hyper-text' |'stateType'|'status' | 'year' | 'equation-builder' = 'text';
+    textFormat?: 'json';
+    readonly?: boolean = false;
+    viewonly?: boolean ;
+    label?: string = '';
+    currency?: string;
+    lookupApiPath?: string;
+    multi?:boolean;
+    supportedTypes?:string;
+    cascadedBy?: string;
+    cascadedByProperty?: string;
+    pathParams?: string;
+    listOptions?: any[];
+    operators?: any[];
+    fieldsApi?: string;
+    reportFilter?:string;
+    updateOnly?: boolean;
+    fieldSize ?: number  ;
+    includeAllOption?: boolean;
+    defaultListOption?: any;
+    acceptNewItem?: boolean;
+    translate?: boolean = false;
+    validators?: ValidatorFn[];
+    placeholder?: any;
+    visible?: boolean = true;
+    pattern?: string;
+    disabled?: boolean;
+    advancedFilter?: boolean;
+    filterOperator?: 'GREATER_THAN_EQUAL'|'GREATER_THAN'| 'LESS_THAN'|'LESS_THAN_EQUAL'| 'EQUALS'| 'LIKE'| 'NOT_EQ'| 'IN' ;
+    workflowManaged?: boolean;
+    workflowCascadingField?: string;
+    attachmentType?: string;
+    lookupFilterList?: Filter[];
+    buttonType?: string;
+    hideFiles?: boolean;
+    behavioralName?: string;
+    flattenBySubAttribute?: string;
+    defaultValue?:any;
+    extraLookupsColumns?: string[];
+    displayColumn?: string;
+    searchAttribute?:string;
+    searchOperator?:"GREATER_THAN_EQUAL" | "GREATER_THAN" | "LESS_THAN" | "LESS_THAN_EQUAL" | "EQUALS" | "LIKE" | "NOT_EQ" | "IN" | "NOT_NULL";
+
+
+
+  constructor(fieldInfo: FieldInfo) {
+        this.property = fieldInfo.property;
+        this.required = fieldInfo.required;
+        this.type = fieldInfo.type;
+        this.readonly = fieldInfo.readonly;
+        this.label = fieldInfo.label;
+        this.fieldSize = fieldInfo.fieldSize;
+        this.lookupApiPath = fieldInfo.lookupApiPath ? fieldInfo.lookupApiPath : fieldInfo.property;
+        this.row = fieldInfo.row;
+        this.supportedTypes = fieldInfo.supportedTypes;
+        this.listOptions = fieldInfo.listOptions;
+        this.pathParams = fieldInfo.pathParams;
+        this.viewonly = fieldInfo.viewonly;
+        this.multi = fieldInfo.multi;
+        this.updateOnly = fieldInfo.updateOnly;
+        this.includeAllOption = fieldInfo.includeAllOption;
+        this.defaultListOption = fieldInfo.defaultListOption;
+        this.acceptNewItem = fieldInfo.acceptNewItem;
+        this.cascadedBy = fieldInfo.cascadedBy;
+        this.cascadedByProperty = fieldInfo.cascadedByProperty ? fieldInfo.cascadedByProperty :  fieldInfo.cascadedBy;
+        this.currency = fieldInfo.currency;
+        this.translate = fieldInfo.translate;
+        this.advancedFilter = fieldInfo.advancedFilter;
+        this.placeholder = fieldInfo.placeholder;
+        this.validators = fieldInfo.validators;
+        this.filterOperator = fieldInfo.filterOperator;
+        this.pattern = fieldInfo.pattern;
+        this.workflowManaged = fieldInfo.workflowManaged;
+        this.workflowCascadingField = fieldInfo.workflowCascadingField;
+        this.visible = fieldInfo.visible === undefined || fieldInfo.visible;
+        this.attachmentType = fieldInfo.attachmentType;
+        this.lookupFilterList = fieldInfo.lookupFilterList;
+        this.extraLookupsColumns = fieldInfo.extraLookupsColumns;
+        this.displayColumn = fieldInfo.displayColumn;
+        this.textFormat = fieldInfo.textFormat;
+        this.buttonType = fieldInfo.buttonType;
+        this.hideFiles = fieldInfo.hideFiles;
+        this.behavioralName = fieldInfo.behavioralName;
+        this.flattenBySubAttribute = fieldInfo.flattenBySubAttribute;
+        this.defaultValue = fieldInfo.defaultValue;
+        this.searchAttribute = fieldInfo.searchAttribute || this.property;
+        this.searchOperator = fieldInfo.searchOperator || 'EQUALS';
+
+  }
+
+}

package/src/lib/base-model/field-predicate.model.ts

@@ -0,0 +1,7 @@
+export class FieldPredicate {
+    fieldName: string='';
+    operator: string='';
+    fieldType: string='';
+    firstValue: string='';
+    secondValue: string='';
+}

package/src/lib/base-model/filter-request.ts

@@ -0,0 +1,27 @@
+import {Filter} from "./filter.model";
+import {MATCH_TYPE} from "./SearchStrConfig";
+
+export class FilterRequest {
+     filters?: Filter[];
+     searchStr: string;
+     pageIndex: number;
+     pageSize: number;
+     sortKey: string;
+     sortDirection: 'ASC'|'DESC';
+     apiUri: string;
+     columns: string[];
+     pendingPage: boolean;
+    matchType?: MATCH_TYPE;
+
+  constructor(pageSize: number = 10) {
+    this.apiUri = '';
+    this.searchStr = '';
+    this.pageIndex = 0;
+    this.pageSize = pageSize;
+    this.sortKey = 'id';
+    this.sortDirection = "DESC";
+    this.columns = [];
+    this.pendingPage = false;
+  }
+}
+

package/src/lib/base-model/filter.model.ts

@@ -0,0 +1,49 @@
+export class Filter {
+    id?: any;
+    key?: any;
+    label?: string;
+    fieldName?: string;
+    joinObjectName?: string;
+    valueObject?: any;
+    fieldType?: string;
+    objectFieldName?: string;
+    filterType?: 'ASSIGNED_TO_ME'|'FILED_FILTER' | 'CLEAR_FILTERS' |  'CUSTOMER_ID'| 'VENDOR_ID' | 'INVOICE_CUSTOMER_ID'|
+        'INVOICE_VENDOR_ID' | 'DATE' | 'ASSIGNED_DEPARTMENT'| 'ASSIGNED_DEPARTMENT_MANAGER_STEPS';
+    operator?: 'GREATER_THAN_EQUAL'|'GREATER_THAN'| 'LESS_THAN'|'LESS_THAN_EQUAL'| 'EQUALS'| 'LIKE'| 'NOT_EQ'| 'IN' | 'NOT_NULL';
+    firstValue?: any;
+    secondValue?: string;
+    values?: string[];
+    autoSelect?: boolean = false;
+
+    constructor(filter : Filter) {
+        this.id = filter.id;
+        this.key = filter.key;
+        this.label = filter.label;
+        this.fieldName = filter.fieldName;
+        this.joinObjectName = filter.joinObjectName;
+        this.objectFieldName = filter.objectFieldName;
+        this.valueObject = filter.valueObject;
+        this.filterType = filter.filterType ||  'FILED_FILTER';
+        this.fieldType = filter.fieldType;
+        this.operator = filter.operator || 'EQUALS';
+        this.firstValue = filter.firstValue;
+        this.secondValue = filter.secondValue;
+        this.values = filter.values;
+        this.autoSelect = filter.autoSelect;
+    }
+}
+
+export const HIDE_TERMINATED: Filter = new Filter(
+    {key: 2, label: 'hideTerminated', filterType: 'FILED_FILTER', fieldType: 'number' , fieldName: 'statusId', firstValue: '3' , operator: 'NOT_EQ' , autoSelect:true});
+
+export const ASSIGNED_TO_ME_FILTER: Filter = new Filter(
+    {key: -1, label: 'Assigned to me', fieldName: 'stepId', filterType: 'ASSIGNED_TO_ME', autoSelect: true});
+
+export const PENDING_STATUS_FILTER: Filter = new Filter(
+    {key: -2, label: 'Pending Items', fieldName: 'statusId', firstValue: '2', filterType: 'FILED_FILTER'});
+
+export const CLEAR_FILTERS: Filter = new Filter(
+    {key: -3, label: 'clear', filterType:'CLEAR_FILTERS'});
+
+export const ASSIGNED_DEPARTMENT_FILTER : Filter = new Filter(
+    {key: -4, label: 'ASSIGNED_DEPARTMENT', filterType:'ASSIGNED_DEPARTMENT'});

package/src/lib/base-model/get-items-list.ts

@@ -0,0 +1,24 @@
+import {Filter} from "./filter.model";
+
+
+export interface GetItemsList {
+    filters? : Filter[];
+    apiUri?: string;
+    pageNumber?: number;
+    pageSize?: number,
+    sortBy?: string;
+    sortDirection?: 'ASC' | 'DESC';
+    searchStr?:any;
+    status?: string;
+    columns?: any[]
+}
+
+export const INIT_GET_ITEMS_LIST = {
+    apiUri: '',
+    pageNumber: 0,
+    pageSize: 10,
+    sortBy: 'id',
+    sortDirection: "DESC" as const,
+    filters: [],
+    columns: []
+}

package/src/lib/base-model/index.ts

@@ -0,0 +1,11 @@
+export * from './button-action-settings';
+export * from './table-column.interface';
+export * from './field-info'
+export * from './page-info'
+export * from './report-request.model'
+export * from './filter-request'
+export * from './filter.model'
+export * from './lookupItem'
+export * from './snack-message.model'
+export * from './table-page-user-action.interface'
+export * from './do-action-request'

package/src/lib/base-model/lookupItem.ts

@@ -0,0 +1,21 @@
+export class LookupItem {
+    id: number;
+    arabicName: string;
+    englishName: string;
+    defaultValue?: boolean = false;
+
+    constructor(lookup: LookupItem) {
+        this.id = lookup.id;
+        this.englishName = lookup.englishName;
+        this.arabicName = lookup.arabicName;
+        this.defaultValue = lookup.defaultValue;
+    }
+}
+
+export const ALL_ITEM= {
+    id: -100,
+    arabicName:'Select All',
+    englishName:'Select All',
+    defaultValue: false
+}
+

package/src/lib/base-model/null-snackmessage.ts

@@ -0,0 +1,9 @@
+import {SnackMessageInterface} from "./snackmessage-interface";
+
+export class NullSnackMessage implements SnackMessageInterface {
+  message = '';
+  translate = false;
+  type: 'info' | 'success' | 'error' | 'warning' = 'info';
+  translateParams = {};
+
+}

package/src/lib/base-model/page-info.ts

@@ -0,0 +1,51 @@
+export interface PageInfo {
+    hasHint?: boolean;
+    id: string;
+    labelsSection: string;
+    hasAddButton: boolean;
+    apiUri?: string;
+    selfRouting?: boolean;
+    addNewRoutePath?: string;
+    editRoutePath?: string;
+    listRoutePath?: string;
+    hideTitle?: boolean;
+    saveLabel?:string;
+    pageHeight?:'full'|'match',
+    processId?: number,
+    draftSupported:boolean;
+    hasExtraTabs?:boolean;
+    attachmentEnabled?: boolean;
+    attachmentDefaultExternal?:boolean;
+    printAction?: boolean;
+    completedStatusFilterLabel?: string;
+    enableHideTerminated?: boolean;
+    embededTableOnly?: boolean;
+    hasCustomFields?: boolean;
+    hidePagination?: boolean;
+    hideExtractButton?: boolean;
+    hideReportsExtractButton?: boolean;
+    externalPropertyName?: string;
+    lazyLoadData?:boolean;
+    groupByProperty?: string;
+    groupByValue?: string[];
+    supportGroupingInExport?: boolean;
+    pageSize?: number;
+    hideAuditLog?: boolean;
+}
+
+export const EMPTY_PAGE_INFO = {
+    id: "",
+    labelsSection: "",
+    hasAddButton: false,
+    selfRouting: true,
+    draftSupported: false,
+    hasExtraTabs: false,
+    attachmentEnabled:false,
+    printAction: false,
+    hidePagination: false,
+    attachmentDefaultExternal: false,
+    supportGroupingInExport: false,
+    hideReportsExtractButton: false,
+    hideAuditLog: false
+
+}

package/src/lib/base-model/report-request.model.ts

@@ -0,0 +1,33 @@
+import {ColumnDef} from "./column-def.model";
+import {FieldPredicate} from "./field-predicate.model";
+import {FilterRequest} from "./filter-request";
+
+export class ReportRequest {
+    sessionId: string;
+    title: string;
+    prefLang: string;
+    columns: ColumnDef[];
+    filter: string;
+    reportType: 'pdf' | 'xlsx'
+    dataset: any[];
+    orientation: string;
+    searchStr?: string;
+    filtersList?: FieldPredicate[];
+    filterRequest?: FilterRequest;
+    reportCode?: string;
+    constructor(br : any) {
+        this.sessionId = br.sessionId;
+        this.title = br.title;
+        this.prefLang = br.prefLang;
+        this.searchStr = br.searchStr;
+        this.filter = br.filter;
+        this.columns = br.columns;
+        this.reportType=br.reportType;
+        this.dataset = br.dataset;
+        this.orientation = br.orientation;
+        this.filtersList = br.filtersList;
+        this.filterRequest = br.filterRequest;
+        this.reportCode = br.reportCode;
+    }
+
+}

package/src/lib/base-model/response-envelop.model.ts

@@ -0,0 +1,15 @@
+export class ResponseEnvelop {
+  valid: boolean;
+  message: string[];
+  body: any;
+  pagesCount: number;
+  totalSize: number;
+
+  constructor(responseEnvelop:ResponseEnvelop) {
+    this.valid = responseEnvelop.valid;
+    this.message = responseEnvelop.message;
+    this.body = responseEnvelop.body;
+    this.pagesCount = responseEnvelop.pagesCount;
+    this.totalSize = responseEnvelop.totalSize;
+  }
+}

package/src/lib/base-model/snack-message.model.ts

@@ -0,0 +1,14 @@
+export class SnackMessage {
+    message: string='';
+    translate: boolean=false;
+    type: 'info' | 'success' | 'error' | 'warning';
+    translateParams: any;
+
+
+    constructor(message: string, translate=false , type?:any , translateParams: any = {}) {
+        this.message = message;
+        this.translate = translate;
+        this.type = type;
+        this.translateParams = translateParams;
+    }
+}

package/src/lib/base-model/snackmessage-interface.ts

@@ -0,0 +1,7 @@
+export interface SnackMessageInterface {
+  message: string;
+  translate: boolean;
+  type: 'info' | 'success' | 'error' | 'warning';
+  translateParams: any;
+}
+

package/src/lib/base-model/table-column.interface.ts

@@ -0,0 +1,29 @@
+export interface TableColumn<T> {
+  property: string;
+  type: 'text' | 'croppedText' | 'image' | 'netAmount' | 'workflowStatus' | 'onOff' | 'progress' | 'checkbox' | 'button' | 'date' | 'number'| 'icon' |'bigdecimal'|'builder'|'localDateTime'|'report-sequence' | 'listAction' | 'info' | 'stateType' | 'hyper-text'|'year' | 'reportType' | 'status'
+  viewType?:string;
+  enableSorting: boolean;
+  visible?: boolean;
+  cssClasses?: string[];
+  reportVisible?:boolean | true;
+  reportProperty?: string;
+  reportType?: string;
+  showSum?:boolean;
+  showCount?:boolean;
+  translate?: boolean;
+  width?:number;
+  label?:string;
+  reportwidth?:number;
+  langDrivenName?:boolean;
+  additionalProperty?: string;
+  currency?: string;
+  orderByProperty?: string;
+  advancedFilter?: boolean;
+  enableQuickFilter?: boolean;
+  format?:string;
+  group?:string;
+  arraySubProperty?: string;
+  digitInfo?:string;
+}
+
+export const FRONT_END_COLUMN_TYPES = ['listAction', 'button','hyper-text'];

package/src/lib/base-model/table-page-user-action.interface.ts

@@ -0,0 +1,33 @@
+import {PageInfo} from "./page-info";
+
+export interface TablePageUserAction {
+  type: 'add' | 'select' | 'extra';
+  id?:number;
+  item?:any;
+  actionKey?: string;
+  pageInfo?:PageInfo
+}
+
+export const SELECT_RECORD_ACTION: TablePageUserAction = {
+  type:'select'
+}
+export const EXTRA_ACTION: TablePageUserAction = {
+  type:'extra'
+}
+
+export const DRILL_DOWN_ACTION: TablePageUserAction = {
+  type:'extra'
+}
+export const JUNIOR_DOWN_ACTION: TablePageUserAction = {
+  type:'extra'
+}
+
+export const ADD_NEW_RECORD_ACTION: TablePageUserAction = {
+  type:'add',
+  id: -1
+}
+
+export const TABLE_RECORD_ACTION: TablePageUserAction = {
+  type:'extra',
+  id: -1
+}

package/src/lib/base-model/workflow/workflow-steps.model.ts

@@ -0,0 +1,9 @@
+
+export class WorkflowStep {
+    stepId?: number;
+    stepName: string='';
+    stepNameAr: string='';
+    isObsoleted: boolean=false;
+    description: string='';
+
+}