i-tech-shared-components 1.1.6 → 1.1.9

package/src/lib/directives/date-mask.directive.ts

@@ -1,97 +0,0 @@
-import {
-  Directive,
-  ElementRef,
-  HostListener,
-  Injector, Input
-} from '@angular/core';
-import { NgxMaskDirective, NgxMaskService} from 'ngx-mask';
-import {MatDatepicker} from "@angular/material/datepicker";
-import {AbstractControl} from "@angular/forms";
-
-@Directive({
-  selector: '[dateMask]',
-  providers:[NgxMaskDirective],
-  standalone: true
-})
-export class DateMaskDirective {
-  @Input() maskType!: string;
-  @Input() matDatepicker!: MatDatepicker<any>;
-  @Input() rangeFormControl!: AbstractControl;
-
-  expressions = {
-    DMY: 'M0/d0/0000',
-    DM: 'M0/d0'
-  }
-  maskService: any;
-  dateRegex = new RegExp(/^\s*(1[012]|0?[1-9])\/(3[01]|[12][0-9]|0?[1-9])\/((?:19|20)\d{2})\s*$/);
-  dayMonthRegex = new RegExp(/^\s*(1[012]|0?[1-9])\/(3[01]|[12][0-9]|0?[1-9])$/);
-  previousValue = '';
-
-  constructor(
-      private elementRef: ElementRef,
-      private injector: Injector,
-  ) {
-    this.maskService = this.injector.get(NgxMaskService);
-  }
-
-  @HostListener('input')
-  onInput() {
-    let value = this.elementRef.nativeElement.value;
-
-    if (this.existsZerosInString(value)) {
-      value = this.previousValue;
-    }
-
-    const maskedValue = this.maskService.applyMask(
-        value,
-        this.maskType === 'DAY_MONTH' ? this.expressions.DM : this.expressions.DMY
-    );
-
-    if (this.maskType !== 'DAY_MONTH' && !isNaN(new Date(maskedValue).getTime())) {
-      if (this.matDatepicker) {
-        this.matDatepicker.select(new Date(maskedValue));
-      } else if (this.rangeFormControl) {
-        this.rangeFormControl.setValue(new Date(maskedValue));
-     }
-    }
-
-    if (isNaN(new Date(maskedValue).getTime())) {
-      this.matDatepicker.select(null)
-    }
-
-    this.elementRef.nativeElement.value = maskedValue || null;
-    this.previousValue = maskedValue || null;
-  }
-
-  @HostListener('paste', ['$event'])
-  onPaste(event: ClipboardEvent) {
-    const pastedValue = event.clipboardData?.getData('text/plain');
-    if (!pastedValue) { return; }
-    if (this.maskType === 'DAY_MONTH') {
-      if (!this.dayMonthRegex.test(pastedValue)) {
-        event?.preventDefault();
-      }
-    } else {
-      if (!this.dateRegex.test(pastedValue)) {
-        event?.preventDefault();
-      }
-    }
-  }
-
-  existsZerosInString(date: string): boolean {
-    const dateToArray = date.split('/');
-    let isValid;
-    if (this.maskType === 'DAY_MONTH') {
-      isValid = !!dateToArray.find((part: string) => part.includes('00'));
-    } else {
-      if (dateToArray.length < 3) {
-        isValid = !!dateToArray.find((part: string) => part.includes('00'));
-      } else {
-        isValid = (dateToArray[2][0] == '0') || (+dateToArray[2][0] > 2);
-      }
-
-    }
-    return isValid;
-  }
-
-}

package/src/lib/directives/input-mask.directive.ts

@@ -1,93 +0,0 @@
-import {
-  Directive,
-  ElementRef, HostListener,
-  Input
-} from '@angular/core';
-
-@Directive({
-  selector: '[inputMask]',
-  standalone: true
-})
-export class InputMaskDirective {
-  @Input() inputMask!: 'number' | 'string';
-  @Input() set min(value: string) {
-    this.minimumValue = Number(value);
-  }
-  @Input() set max(value: string) {
-    this.maximumValue = Number(value);
-  }
-  @Input() set float(value: string) {
-    this.isFloat = value === 'true';
-  }
-  minimumValue!: number;
-  maximumValue!: number;
-  isFloat!: boolean;
-  regexFloat = new RegExp(/^([0-9]*[.])?[0-9]+$/);
-  regexOnlyNumbers = new RegExp(/^-?[0-9]+(?:\.[0-9]+)?$/);
-
-  @HostListener('paste', ['$event'])
-  onPaste(event: any) {
-    this.makeValidation(event, true)
-  }
-
-  constructor(private elementRef: ElementRef) {
-    this.elementRef.nativeElement.addEventListener('keypress', (event: Event) => {
-      this.makeValidation(event)
-    })
-  }
-
-  makeValidation(event: any, fromPaste = false): boolean {
-    let value: any;
-    let newChar: any;
-
-    if (!fromPaste) {
-      newChar = String.fromCharCode(event.keyCode);
-      const cursorPos = event.target.selectionStart;
-      const inputText = event.target.value;
-      value = `${inputText.slice(0, cursorPos)}${newChar}${inputText.slice(cursorPos, inputText.length)}`;
-    } else {
-      value = event.clipboardData?.getData('text/plain');
-    }
-
-    if (this.inputMask === 'number') {
-      return this.checkingForNumbers(value, event, newChar, fromPaste);
-    } else {
-      return this.checkingForTexts(value, event);
-    }
-  }
-
-  checkingForNumbers(value: any, event: any, newChar: string, fromPaste = false): boolean {
-    if ((isNaN(this.minimumValue) || this.minimumValue < 0) && value === '-') { value = Number('-0'); }
-
-    if (this.isFloat && (newChar === '.')) {
-      value += '0';
-    }
-    if (!this.isFloat && fromPaste && value.includes('.')) {
-      event.preventDefault();
-      return false;
-    }
-
-    const regex = (this.isFloat) ? this.regexFloat : this.regexOnlyNumbers;
-
-    if (!regex.test(value) ||
-        (this.minimumValue && value < this.minimumValue) ||
-        (this.maximumValue && value > this.maximumValue)
-    ) {
-      event.preventDefault();
-      return false;
-    }
-
-    return true;
-  }
-
-  checkingForTexts(value: any, event: any): boolean {
-    let regex = new RegExp(/^[A-Za-z0-9]*$/);
-    if (!regex.test(value)) {
-      event.preventDefault();
-      return false;
-    }
-
-    return true;
-  }
-
-}

package/src/lib/interfaces/app-input.interface.ts

@@ -1,32 +0,0 @@
-export interface AppInputInterface {
-    activeStateIconUrl?: string
-    clearable?: boolean,
-    containerClass?: string,
-    datePicker?: boolean,
-    disabled?: boolean,
-    dontResetValueInClearAction?: boolean,
-    hint?: string,
-    iconPrefix?: string,
-    iconPrefixSvg?: string,
-    iconPrefixTooltip?: string,
-    iconPrefixColor?: string,
-    iconPrefixVariant?: string,
-    iconSuffix?: string,
-    // TODO - Remove iconUrl when all inputs are updated
-    iconUrl?: string,
-    inputClass?: string,
-    inputMask?: 'number' | 'string',
-    label?: string,
-    leadZeroDateTime?: boolean,
-    mask?: string,
-    pattern?: string | RegExp,
-    placeholder: string,
-    prefix?: string,
-    required?: boolean,
-    readOnly?: boolean,
-    submit: boolean,
-    textarea?: boolean,
-    type: string,
-    defaultPatternKey?: string,
-    focusOutEmit?: boolean
-}

package/src/lib/interfaces/autocomplete-configs.interface.ts

@@ -1,37 +0,0 @@
-export interface AutocompleteConfigsInterface {
-    label: string,
-    hideLabel?: boolean,
-    paginate: any,
-    paginateOnScroll?: boolean,
-    valueByKey: Array<string>,
-    valueToShowByKey: Array<string>,
-    valueToShowByParam?: Array<string | Array<string | number>>,
-    withParamSymbol?: string,
-    multiple?: boolean,
-    hideSelectAllOption?: boolean,
-    reset?: boolean,
-    search?: boolean,
-    disabled?: boolean,
-    errorMessage?: string,
-    placeholder?: string,
-    filtrationKey?: string,
-    required?: boolean,
-    hover?: string,
-    changeText?: any,
-    iconUrl?: string,
-    activeStateIconUrl?: string,
-    matIconName?: string,
-    matIconSvg?: string,
-    actions?: any,
-    blockPagination?: boolean,
-    valueById?: string,
-    showFullTextWithOptionalOnSelectedValue?: boolean,
-    iconPrefix?: string,
-    readOnly?: boolean,
-    iconSuffix?: string,
-    clearable?: boolean,
-    defaultPatternKey?: string,
-    iconPrefixTooltip?: string,
-    iconPrefixSvg?: string,
-    iconPrefixColor?: string
-}

package/src/lib/interfaces/button-types.enum.ts

@@ -1,19 +0,0 @@
-/**
- * Enum representing different types of buttons.
- */
-export enum ButtonType {
-  /** A filled button with solid background, typically used for primary actions. */
-  FILLED = 'FILLED',
-
-  /** A tonal button with lighter background, used for secondary actions. */
-  TONAL = 'TONAL',
-
-  /** An outlined button with a border and no background. */
-  OUTLINE = 'OUTLINE',
-
-  /** A text button with no background or border, ideal for minimal UI. */
-  TEXT = 'TEXT',
-
-  /** A warning button with special styling to indicate caution or alert actions. */
-  WARNING = 'WARNING',
-}

package/src/lib/interfaces/dropdown-selection.constants.ts

@@ -1,11 +0,0 @@
-export enum DropdownSelectionType {
-    UPLOAD = "UPLOAD",
-    DOWNLOAD = "DOWNLOAD",
-    BLANK = "BLANK"
-}
-
-export const DropdownItemIcon = {
-    [DropdownSelectionType.UPLOAD]: 'upload',
-    [DropdownSelectionType.DOWNLOAD]: 'download',
-    [DropdownSelectionType.BLANK]: 'blank',
-}

package/src/lib/interfaces/label-type.enum.ts

@@ -1,14 +0,0 @@
-export enum LabelTypeEnum {
-    'purple' = 'purple',
-    'teal' = 'teal',
-    'olive' = 'olive',
-    'orange' = 'orange',
-    'blue' = 'blue',
-    'cyan' = 'cyan',
-    'raspberry' = 'raspberry',
-    'yellow' = 'yellow',
-    'wine' = 'wine',
-    'primary' = 'primary',
-    'green' = 'green',
-    'red' = 'red',
-}

package/src/lib/pipes/array-to-string.pipe.ts

@@ -1,13 +0,0 @@
-import { Pipe, PipeTransform } from '@angular/core';
-
-@Pipe({
-  name: 'arrayToString',
-  standalone: true
-})
-export class ArrayToStringPipe implements PipeTransform {
-
-  transform(value: Array<string | number> | string): string {
-    return (typeof value === 'string') ? value : value.join(',');
-  }
-
-}

package/src/lib/pipes/generate-error-messages.pipe.ts

@@ -1,31 +0,0 @@
-import { Pipe, PipeTransform } from '@angular/core';
-import {TranslateService} from "@ngx-translate/core";
-
-@Pipe({
-    name: 'generateErrorMessages',
-    standalone: true,
-    pure: true
-})
-export class GenerateErrorMessagesPipe implements PipeTransform {
-
-    constructor(private translateService: TranslateService) {
-    }
-
-    transform(control: any,label: string,defaultPatternKey: string = 'fixed'): string {
-
-        if (!control.errors) {
-            return '';
-        }
-        let translateParams!: {ERROR_KEY: string};
-        let errorMessageKey = ''
-
-        const key = (Object.keys(control.errors)[0]);
-
-        translateParams = {ERROR_KEY: this.translateService.instant(label) || 'Field'};
-        errorMessageKey = (key === 'pattern') ?
-            'errorMessages.pattern.' + defaultPatternKey : 'errorMessages.' + key;
-
-        return this.translateService.instant(errorMessageKey,translateParams);
-    }
-
-}

package/src/lib/pipes/get-value-by-key-from-object.pipe.ts

@@ -1,46 +0,0 @@
-import { Pipe, PipeTransform } from '@angular/core';
-
-@Pipe({
-  name: 'getValueByKeyFromObject',
-  standalone: true
-})
-export class GetValueByKeyFromObjectPipe implements PipeTransform {
-
-  transform(
-      keys: string | Array<string | number>,
-      data: any,
-      withParams: Array<string | Array<string | number>> | null = null,
-      withParamSymbol?: string
-  ): string {
-    if (typeof keys === 'string') {
-      return data[keys];
-    } else {
-      let returnValue: any = data;
-      keys.forEach((key: string | number) => {
-        if (!returnValue) { return; }
-        returnValue = returnValue[key];
-      })
-      if (withParams) {
-
-        withParams.forEach((param: Array<string | number> | string) => {
-          let include = data;
-
-          if (typeof param === 'object') {
-            param.forEach((key: string | number) => {
-              include = (include) ? include[key] : null;
-            })
-          } else {
-            include = include[param];
-          }
-
-          if (include !== undefined && include !== null) {
-            returnValue += (withParamSymbol ? withParamSymbol : ' ') + include;
-          }
-        })
-      }
-
-      return ((returnValue !== "undefined") && (returnValue !== null) ) ? returnValue : '---';
-    }
-  }
-
-}

package/src/lib/services/input.service.ts

@@ -1,30 +0,0 @@
-import {ControlValueAccessor, FormControlName, NgControl} from "@angular/forms";
-import {inject, Injectable} from "@angular/core";
-
-class NoopValueAccessor implements ControlValueAccessor {
-    writeValue() {}
-    registerOnChange() {}
-
-    registerOnTouched() {}
-}
-
-@Injectable({
-    providedIn: 'root'
-})
-
-export class InputService {
-    injectNgControl(): FormControlName {
-        const ngControl = inject(NgControl, {self: true, optional: true});
-
-        if (!ngControl) throw new Error('...');
-
-        if (
-            ngControl instanceof FormControlName
-        ) {
-            ngControl.valueAccessor = new NoopValueAccessor();
-            return ngControl;
-        }
-
-        throw new Error(`...`);
-    }
-}

package/tsconfig.lib.json

@@ -1,15 +0,0 @@
-/* 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 +0,0 @@
-/* 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 +0,0 @@
-/* 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"
-  ]
-}