@verisoft/ui-core 18.4.0 → 18.6.0

package/jest.config.ts

@@ -1,21 +0,0 @@
-export default {
-  displayName: 'ui-core',
-  preset: '../../../jest.preset.js',
-  setupFilesAfterEnv: ['<rootDir>/src/test-setup.ts'],
-  coverageDirectory: '../../../coverage/src/libs/ui-core',
-  transform: {
-    '^.+\\.(ts|mjs|js|html)$': [
-      'jest-preset-angular',
-      {
-        tsconfig: '<rootDir>/tsconfig.spec.json',
-        stringifyContentPathRegex: '\\.(html|svg)$',
-      },
-    ],
-  },
-  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',
-  ],
-};

package/ng-package.json

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

package/project.json

@@ -1,36 +0,0 @@
-{
-  "name": "ui-core",
-  "$schema": "../../../node_modules/nx/schemas/project-schema.json",
-  "sourceRoot": "src/libs/ui-core/src",
-  "prefix": "lib",
-  "projectType": "library",
-  "tags": [],
-  "targets": {
-    "build": {
-      "executor": "@nx/angular:package",
-      "outputs": ["{workspaceRoot}/dist/{projectRoot}"],
-      "options": {
-        "project": "src/libs/ui-core/ng-package.json"
-      },
-      "configurations": {
-        "production": {
-          "tsConfig": "src/libs/ui-core/tsconfig.lib.prod.json"
-        },
-        "development": {
-          "tsConfig": "src/libs/ui-core/tsconfig.lib.json"
-        }
-      },
-      "defaultConfiguration": "production"
-    },
-    "test": {
-      "executor": "@nx/jest:jest",
-      "outputs": ["{workspaceRoot}/coverage/{projectRoot}"],
-      "options": {
-        "jestConfig": "src/libs/ui-core/jest.config.ts"
-      }
-    },
-    "lint": {
-      "executor": "@nx/eslint:lint"
-    }
-  }
-}

package/src/lib/common/angular-helper.ts

@@ -1,44 +0,0 @@
-import { OnChanges, SimpleChange, SimpleChanges } from '@angular/core';
-
-export function setComponentProperties<TComponent>(
-  component: TComponent,
-  value: Partial<TComponent>,
-  firstChange = false
-) {
-  if (!value || !component) {
-    return;
-  }
-
-  const simpleChanges = Object.keys(value).reduce(
-    (changes: SimpleChanges, property: string) => {
-      const indexedComponent = component as unknown as {
-        [key: string]: TComponent[keyof TComponent];
-      };
-      const indexedValue = value as unknown as {
-        [key: string]: TComponent[keyof TComponent];
-      };
-      const previousValue = indexedComponent[property];
-      const currentValue = indexedValue[
-        property
-      ] as TComponent[keyof TComponent];
-      if (currentValue !== previousValue) {
-        indexedComponent[property] = currentValue;
-        const change = new SimpleChange(
-          previousValue,
-          currentValue,
-          firstChange
-        );
-
-        return { ...changes, [property]: change };
-      }
-
-      return changes;
-    },
-    {}
-  );
-
-  const changeableComponent = component as unknown as OnChanges;
-  if (changeableComponent['ngOnChanges']) {
-    changeableComponent.ngOnChanges(simpleChanges);
-  }
-}

package/src/lib/common/constants.ts

@@ -1,5 +0,0 @@
-export const DEFAULT_DEBOUNCE_TIME = 300;
-
-export const DEFAULT_PAGINATION = [10, 25, 50, 100];
-
-export const MAX_COLUMN_CHAR_COUNT = 30;

package/src/lib/common/control.models.ts

@@ -1,71 +0,0 @@
-export enum ControlSeverity {
-  success = 'success',
-  info = 'info',
-  warning = 'warning',
-  danger = 'danger',
-  help = 'help',
-  primary = 'primary',
-  secondary = 'secondary',
-  contrast = 'contrast',
-}
-
-export enum GovControlSeverity {
-  primary = 'primary',
-  secondary = 'secondary',
-  neutral = 'neutral',
-  error = 'error',
-  success = 'success',
-  warning = 'warning',
-}
-
-export enum GovButtonType {
-  solid = 'solid',
-  outlined = "outlined",
-  base = "base",
-  link = "link"
-}
-
-export enum IconPosition {
-  left = 'left',
-  right = 'right',
-}
-
-export enum SlotPosition {
-  top = 'top',
-  bottom = 'bottom',
-}
-
-export enum FieldSize {
-  small = 'small',
-  medium = 'medium',
-  large = 'large',
-}
-
-export enum FieldAlign {
-  left = 'left',
-  center = 'center',
-  right = 'right',
-}
-
-export enum FieldType {
-  text = 'text',
-  number = 'number',
-  password = 'password',
-  search = 'search',
-  date = 'date',
-}
-
-export enum LayoutType {
-  horizontal = 'horizontal',
-  vertical = 'vertical',
-}
-
-export type ControlSeverityType = keyof typeof ControlSeverity;
-export type GovControlSeverityType = keyof typeof GovControlSeverity;
-export type GovButtonTypeType = keyof typeof GovButtonType;
-export type IconPositionType = keyof typeof IconPosition;
-export type SlotPositionType = keyof typeof SlotPosition;
-export type FieldSizeType = keyof typeof FieldSize;
-export type FieldAlignType = keyof typeof FieldAlign;
-export type FieldTypeType = keyof typeof FieldType;
-export type LayoutTypeType = keyof typeof LayoutType;

package/src/lib/common/datasource-component.model.spec.ts

@@ -1,42 +0,0 @@
-import { setDataToArray } from './datasource-component.model';
-
-describe('setDataToArray', () => {
-  test('Should return data when target array is null and data is passed.', () => {
-    const data = ['item 1', 'item 2'];
-    const targetData = undefined;
-
-    const actual = setDataToArray(targetData, data);
-
-    expect(actual).toEqual(data);
-  });
-
-  test('Should return data when target array is null and data is passed.', () => {
-    const data = ['item 1', 'item 2'];
-    const targetData: string[] = [];
-
-    const actual = setDataToArray(targetData, data);
-
-    expect(actual).toEqual(data);
-  });
-
-  test('Should return extended target array when target array is empty and data is passed and offset is specified.', () => {
-    const data = ['item 1', 'item 2'];
-    const targetData: string[] = [];
-    const offset = 1;
-
-    const actual = setDataToArray(targetData, data, offset);
-
-    expect(actual).toEqual([undefined, ...data]);
-  });
-
-  test('Should return target array extended to total items when data is passed and total is specified.', () => {
-    const data = ['item 1', 'item 2'];
-    const targetData: string[] = [];
-    const total = 5;
-    const offset = 0;
-
-    const actual = setDataToArray(targetData, data, offset, total);
-
-    expect(actual.length).toEqual(total);
-  });
-});

package/src/lib/common/datasource-component.model.ts

@@ -1,43 +0,0 @@
-import { EventEmitter, SimpleChanges } from '@angular/core';
-import { FilterEvent, LazyLoadEvent, RequestParams } from '@verisoft/core';
-
-export interface DataSourceComponentModel<TEntity> {
-  ngOnChanges?: (changes: SimpleChanges) => void;
-  lazy: boolean;
-  loading: boolean;
-  filter: boolean;
-  options: TEntity[] | undefined;
-  optionValue: string | undefined;
-  optionLabel: string | undefined;
-  showed: EventEmitter<any>;
-  cleared: EventEmitter<any>;
-  filtered: EventEmitter<FilterEvent>;
-  lazyLoad: EventEmitter<LazyLoadEvent>;
-}
-
-export function setDataToArray<T>(
-  targetArray: (T | undefined)[] | undefined,
-  data: T[],
-  offset = 0,
-  total: number | undefined = undefined,
-  defaultItem: T | undefined = undefined
-): (T | undefined)[] {
-  const totalItems = total ?? data.length + offset;
-  if (!targetArray) {
-    targetArray = Array(totalItems).fill(defaultItem);
-  }
-
-  if (targetArray.length < totalItems) {
-    targetArray = targetArray.concat(
-      new Array(totalItems - targetArray.length).fill(defaultItem)
-    );
-  }
-
-  for (let i = 0; i < data.length; i++) {
-    targetArray[i + offset] = data[i] ?? defaultItem;
-  }
-
-  return targetArray;
-}
-
-export type ExtendedRequestType<T> = RequestParams<T> & { useNewData: boolean}

package/src/lib/common/download-file.ts

@@ -1,20 +0,0 @@
-export function downloadText(
-  filename: string,
-  text: string,
-  mimeType: string | undefined = 'text/plain'
-): void {
-  const blob = new Blob([text], { type: mimeType });
-  downloadFile(filename, blob);
-}
-
-export function downloadFile(
-  filename: string,
-  blob: Blob
-): void {
-  const url = window.URL.createObjectURL(blob);
-  const a = document.createElement('a');
-  a.href = url;
-  a.download = filename;
-  a.click();
-  window.URL.revokeObjectURL(url);
-}

package/src/lib/common/filter.ts

@@ -1,7 +0,0 @@
-export function isFilterEmpty<T>(filter: Partial<T> | undefined) {
-  if (filter == undefined) {
-    return true;
-  }
-
-  return !Object.entries(filter).some((x) => x[1] != undefined);
-}

package/src/lib/common/rxjs.spec.ts

@@ -1,58 +0,0 @@
-import { QueryList } from '@angular/core';
-import { skip, Subject } from 'rxjs';
-import { NotificableProperty } from './notificable-property.model';
-import { queryListChanged } from './rxjs';
-
-describe('queryListChanged', () => {
-  let queryList: QueryList<NotificableProperty>;
-
-  beforeEach(() => {
-    queryList = new QueryList<NotificableProperty>();
-  });
-
-  it('should emit initial value', (done) => {
-    queryListChanged(queryList).subscribe((result) => {
-      expect(result).toEqual([]);
-      done();
-    });
-  });
-
-  it('should emit when propertyChanged emits', (done) => {
-    const propertyChanged = new Subject<void>();
-    const item = { propertyChanged } as NotificableProperty;
-    queryList.reset([item]);
-    queryList.notifyOnChanges();
-
-    queryListChanged(queryList)
-      .pipe(skip(1))
-      .subscribe((result) => {
-        expect(result).toEqual([item]);
-        done();
-      });
-
-    setTimeout(() => {
-      propertyChanged.next();
-    }, 60);
-  });
-
-  it('should debounce emissions', (done) => {
-    const propertyChanged = new Subject<void>();
-    const item = { propertyChanged } as NotificableProperty;
-    queryList.reset([item]);
-    queryList.notifyOnChanges();
-
-    const emittedValues: NotificableProperty[][] = [];
-    queryListChanged(queryList).subscribe((result) => {
-      emittedValues.push(result);
-    });
-
-    propertyChanged.next();
-    propertyChanged.next();
-
-    setTimeout(() => {
-      expect(emittedValues.length).toBe(1);
-      expect(emittedValues[0]).toEqual([item]);
-      done();
-    }, 100);
-  });
-});

package/src/lib/common/rxjs.ts

@@ -1,21 +0,0 @@
-import { QueryList } from '@angular/core';
-import { debounceTime, map, merge, startWith, switchMap } from 'rxjs';
-import { NotificableProperty } from './notificable-property.model';
-
-export function queryListChanged<TEntity>(list: QueryList<TEntity>) {
-  return list.changes.pipe(
-    startWith({}),
-    switchMap(() => {
-      const actionPropertyChanges$ = list
-        .toArray()
-        .filter((action) => (<NotificableProperty>action).propertyChanged)
-        .map((action) => (<NotificableProperty>action).propertyChanged);
-
-      return merge(...actionPropertyChanges$).pipe(
-        startWith({}),
-        map(() => list.toArray())
-      );
-    }),
-    debounceTime(50)
-  );
-}

package/src/lib/components/action-button-group/action-button-group.model.ts

@@ -1,15 +0,0 @@
-import { InjectionToken } from '@angular/core';
-import { IconPositionType } from '../../common';
-import { ActionButton } from './action-button.model';
-
-export const ACTION_BUTTON_GROUP_COMPONENT_TOKEN =
-  new InjectionToken<ActionButtonGroupCore>('ActionButtonGroupComponentToken');
-
-export interface ActionButtonGroupCore {
-  maxItems: number;
-  maxItemsMobile: number;
-  items: ActionButton[];
-  menuIconPos: IconPositionType;
-  menuIcon: string;
-  label?: string;
-}

package/src/lib/components/action-button-group/action-button.model.ts

@@ -1,15 +0,0 @@
-import { EventEmitter } from '@angular/core';
-import { ControlSeverityType, FieldSizeType, NotificableProperty } from '../../common';
-
-export interface ActionButton extends NotificableProperty {
-  disabled: boolean;
-  toolTip?: string;
-  id?: string;
-  icon?: string;
-  outlined: boolean;
-  raised: boolean;
-  severity?: ControlSeverityType;
-  label?: string;
-  size?: FieldSizeType;
-  click: EventEmitter<MouseEvent>;
-}

package/src/lib/components/base-form/base-form-input.component.ts

@@ -1,121 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { Component, inject, Input, OnInit } from '@angular/core';
-import {
-  AbstractControl,
-  ControlValueAccessor,
-  FormControl,
-  FormControlDirective,
-  FormControlName,
-  FormGroupDirective,
-  NgControl,
-  NgModel,
-  ReactiveFormsModule,
-} from '@angular/forms';
-import { ERROR_PROVIDER_TOKEN } from '@verisoft/core';
-import { BaseInputControls } from './models/base-form-input.models';
-
-const noop = () => {
-  /* */
-};
-
-@Component({
-  template: '',
-  standalone: true,
-  imports: [CommonModule, ReactiveFormsModule],
-})
-export class BaseFormInputComponent
-  implements BaseInputControls<any>, ControlValueAccessor, OnInit
-{
-  readonly ngControl?: NgControl;
-
-  readonly errorService = inject(ERROR_PROVIDER_TOKEN);
-
-  formControl!: FormControl;
-
-  constructor(private readonly control: NgControl) {
-    this.ngControl = control;
-    if (this.control) {
-      this.ngControl.valueAccessor = this;
-    }
-  }
-
-  @Input()
-  label?: string;
-
-  @Input()
-  required = false;
-
-  @Input()
-  readonly!: boolean;
-
-  @Input()
-  disabled!: boolean;
-
-  @Input()
-  tooltip!: string;
-
-  @Input()
-  formDisplay: 'flex' | 'block' = 'flex';
-
-  @Input()
-  clearable = true;
-
-  @Input()
-  placeholder?: string = '';
-
-  @Input()
-  testId?: string;
-
-  inputId = Math.random().toString(36).substring(2);
-
-  selectionChanged: any = noop;
-
-  onTouch: any = noop;
-
-  registerOnChange(fn: any): void {
-    this.selectionChanged = fn;
-  }
-
-  registerOnTouched(fn: any): void {
-    this.onTouch = fn;
-  }
-
-  // eslint-disable-next-line @typescript-eslint/no-empty-function
-  writeValue(value: any): void {}
-
-  ngOnInit(): void {
-    if (this.ngControl) {
-      if (this.ngControl instanceof FormControlName) {
-        this.formControl =
-          this.ngControl.control ||
-          ((this.ngControl.formDirective as FormGroupDirective)?.form.controls[
-            this.ngControl.name as string
-          ] as FormControl);
-      } else if (
-        this.ngControl instanceof FormControlDirective ||
-        this.ngControl instanceof NgModel
-      ) {
-        this.formControl = this.ngControl.control;
-        if (this.ngControl instanceof NgModel) {
-          this.formControl.valueChanges.subscribe(() =>
-            this.ngControl?.viewToModelUpdate(this.control?.value)
-          );
-        }
-      } else {
-        this.formControl = new FormControl();
-      }
-    } else {
-      this.formControl = new FormControl();
-    }
-  }
-
-  isRequired() {
-    if (this.ngControl) {
-      const validator = this.ngControl?.control?.validator?.(
-        {} as AbstractControl
-      );
-      return this.required || (validator && validator['required']);
-    }
-    return this.required;
-  }
-}