iss-ctrl 0.0.2 → 0.0.3

package/projects/iss/src/shared/types/iso2.type.ts

@@ -0,0 +1,244 @@
+export type ISO2 =
+  "AF" |
+  "AL" |
+  "DZ" |
+  "AS" |
+  "AD" |
+  "AO" |
+  "AI" |
+  "AG" |
+  "AR" |
+  "AM" |
+  "AW" |
+  "AU" |
+  "AT" |
+  "AZ" |
+  "BS" |
+  "BH" |
+  "BD" |
+  "BB" |
+  "BY" |
+  "BE" |
+  "BZ" |
+  "BJ" |
+  "BM" |
+  "BT" |
+  "BO" |
+  "BA" |
+  "BW" |
+  "BR" |
+  "IO" |
+  "VG" |
+  "BN" |
+  "BG" |
+  "BF" |
+  "BI" |
+  "KH" |
+  "CM" |
+  "CA" |
+  "CV" |
+  "BQ" |
+  "KY" |
+  "CF" |
+  "TD" |
+  "CL" |
+  "CN" |
+  "CX" |
+  "CC" |
+  "CO" |
+  "KM" |
+  "CD" |
+  "CG" |
+  "CK" |
+  "CR" |
+  "CI" |
+  "HR" |
+  "CU" |
+  "CW" |
+  "CY" |
+  "CZ" |
+  "DK" |
+  "DJ" |
+  "DM" |
+  "DO" |
+  "EC" |
+  "EG" |
+  "SV" |
+  "GQ" |
+  "ER" |
+  "EE" |
+  "ET" |
+  "FK" |
+  "FO" |
+  "FJ" |
+  "FI" |
+  "FR" |
+  "GF" |
+  "PF" |
+  "GA" |
+  "GM" |
+  "GE" |
+  "DE" |
+  "GH" |
+  "GI" |
+  "GR" |
+  "GL" |
+  "GD" |
+  "GP" |
+  "GU" |
+  "GT" |
+  "GG" |
+  "GN" |
+  "GW" |
+  "GY" |
+  "HT" |
+  "HN" |
+  "HK" |
+  "HU" |
+  "IS" |
+  "IN" |
+  "ID" |
+  "IR" |
+  "IQ" |
+  "IE" |
+  "IM" |
+  "IL" |
+  "IT" |
+  "JM" |
+  "JP" |
+  "JE" |
+  "JO" |
+  "KZ" |
+  "KE" |
+  "KI" |
+  "XK" |
+  "KW" |
+  "KG" |
+  "LA" |
+  "LV" |
+  "LB" |
+  "LS" |
+  "LR" |
+  "LY" |
+  "LI" |
+  "LT" |
+  "LU" |
+  "MO" |
+  "MK" |
+  "MG" |
+  "MW" |
+  "MY" |
+  "MV" |
+  "ML" |
+  "MT" |
+  "MH" |
+  "MQ" |
+  "MR" |
+  "MU" |
+  "YT" |
+  "MX" |
+  "FM" |
+  "MD" |
+  "MC" |
+  "MN" |
+  "ME" |
+  "MS" |
+  "MA" |
+  "MZ" |
+  "MM" |
+  "NA" |
+  "NR" |
+  "NP" |
+  "NL" |
+  "NC" |
+  "NZ" |
+  "NI" |
+  "NE" |
+  "NG" |
+  "NU" |
+  "NF" |
+  "KP" |
+  "MP" |
+  "NO" |
+  "OM" |
+  "PK" |
+  "PW" |
+  "PS" |
+  "PA" |
+  "PG" |
+  "PY" |
+  "PE" |
+  "PH" |
+  "PL" |
+  "PT" |
+  "PR" |
+  "QA" |
+  "RE" |
+  "RO" |
+  "RU" |
+  "RW" |
+  "BL" |
+  "SH" |
+  "KN" |
+  "LC" |
+  "MF" |
+  "PM" |
+  "VC" |
+  "WS" |
+  "SM" |
+  "ST" |
+  "SA" |
+  "SN" |
+  "RS" |
+  "SC" |
+  "SL" |
+  "SG" |
+  "SX" |
+  "SK" |
+  "SI" |
+  "SB" |
+  "SO" |
+  "ZA" |
+  "KR" |
+  "SS" |
+  "ES" |
+  "LK" |
+  "SD" |
+  "SR" |
+  "SJ" |
+  "SZ" |
+  "SE" |
+  "CH" |
+  "SY" |
+  "TW" |
+  "TJ" |
+  "TZ" |
+  "TH" |
+  "TL" |
+  "TG" |
+  "TK" |
+  "TO" |
+  "TT" |
+  "TN" |
+  "TR" |
+  "TM" |
+  "TC" |
+  "TV" |
+  "VI" |
+  "UG" |
+  "UA" |
+  "AE" |
+  "GB" |
+  "US" |
+  "UY" |
+  "UZ" |
+  "VU" |
+  "VA" |
+  "VE" |
+  "VN" |
+  "WF" |
+  "EH" |
+  "YE" |
+  "ZM" |
+  "ZW" |
+  "AX";

package/projects/iss/src/shared/types/validation.type.ts

@@ -0,0 +1,3 @@
+import {I18n} from "../interfaces/i18n.interface";
+
+export type ValidationMessageFn<T> = (args: T) => I18n;

package/projects/iss/src/shared/utilities/array-from.util.ts

@@ -0,0 +1,7 @@
+export function arrayFrom<T>(length: number, valueFunction: (index: number) => T): T[] {
+  const valuesArray = Array(length);
+  for (let i = 0; i < length; i++) {
+    valuesArray[i] = valueFunction(i);
+  }
+  return valuesArray;
+}

package/projects/iss/src/shared/utilities/format-file-size.util.ts

@@ -0,0 +1,9 @@
+export function formatFileSize(x: string | number) {
+  const units: string[] = ["B", "KB", "MB", "GB", "TB", "PB", "EB", "ZB", "YB"];
+  let l = 0;
+  let n = parseInt(x.toString(), 10) || 0;
+  while (n >= 1024 && ++l) {
+    n /= 1024;
+  }
+  return `${Math.floor(n)}${units[l]}`;
+}

package/projects/iss/src/shared/utilities/get-property-by-path.util.ts

@@ -0,0 +1,30 @@
+export function getPropertyByPath(obj: any, path: string | undefined) {
+  if (obj && path) {
+    let currentProp: any;
+    const props = path.split(".");
+    for (let i = 0; i < props.length; i++) {
+      const propKey = props[i];
+      if (!currentProp) {
+        const target = obj[propKey];
+        if (typeof target === "function") {
+          currentProp = target();
+        } else {
+          currentProp = target;
+        }
+      } else {
+        const target = currentProp[propKey];
+
+        if (typeof target === "function") {
+          currentProp = target();
+        } else {
+          currentProp = target;
+        }
+      }
+      if (currentProp === undefined) {
+        break;
+      }
+    }
+    return currentProp;
+  }
+  return undefined;
+}

package/projects/iss/src/shared/utilities/http.util.service.ts

@@ -0,0 +1,19 @@
+import {HttpClient} from "@angular/common/http";
+import {inject, Injectable} from "@angular/core";
+import {EMPTY, map, Observable} from "rxjs";
+import {Dto} from "../interfaces/dto.interface";
+import {API_RESPONSE_MAPPER} from "../tokens/api-response-mapper.token";
+import {isValidEndpoint} from "./is-valid-api.util";
+
+@Injectable({providedIn: "root"})
+export class IssHttp {
+  #http: HttpClient = inject(HttpClient);
+  #apiResponseMapper = inject(API_RESPONSE_MAPPER);
+
+  get<T>(url: string): Observable<Dto> {
+    if (isValidEndpoint(url)) {
+      return this.#http.get<T>(url).pipe(map((res: any): Dto => this.#apiResponseMapper(res)));
+    }
+    return EMPTY;
+  }
+}

package/projects/iss/src/shared/utilities/is-valid-api.util.ts

@@ -0,0 +1,8 @@
+import {PLACEHOLDER_REGEX} from "../constants/regex.const";
+
+export function isValidEndpoint(api: string): boolean {
+  if (api.includes("undefined") || api.includes("null")) {
+    return false;
+  }
+  return !api.match(PLACEHOLDER_REGEX)?.length && !["undefined", "null"].includes(api);
+}

package/projects/iss/src/shared/utilities/replace-placeholder.util.ts

@@ -0,0 +1,12 @@
+import {PLACEHOLDER_REGEX} from "../constants/regex.const";
+
+export function replacePlaceholders(str: string, values: any) {
+  /*TODO check if placeholders passed in values object*/
+  if (!str) {
+    return "";
+  }
+  return str.replace(PLACEHOLDER_REGEX, (match: any) => {
+    const key = match.replace("{", "").replace("}", "");
+    return values[key] ?? match;
+  });
+}

package/projects/iss/src/validators/core.validator.ts

@@ -0,0 +1,39 @@
+import {ValidatorFn, Validators} from "@angular/forms";
+
+export abstract class IssValidators {
+  static required(): ValidatorFn {
+    return Validators.required;
+  }
+
+  static max(maxValue: number): ValidatorFn {
+    return Validators.max(maxValue);
+  }
+
+  static min(minValue: number): ValidatorFn {
+    return Validators.min(minValue);
+  }
+
+  static requiredTrue(): ValidatorFn {
+    return Validators.requiredTrue;
+  }
+
+  static email(): ValidatorFn {
+    return Validators.email;
+  }
+
+  static minLength(minLength: number): ValidatorFn {
+    return Validators.minLength(minLength);
+  }
+
+  static maxLength(maxLength: number): ValidatorFn {
+    return Validators.maxLength(maxLength);
+  }
+
+  static pattern(pattern: string | RegExp): ValidatorFn {
+    return Validators.pattern(pattern);
+  }
+
+  static null(): ValidatorFn {
+    return Validators.nullValidator;
+  }
+}

package/projects/iss/src/validators/file.validator.ts

@@ -0,0 +1,100 @@
+import {AbstractControl, ValidatorFn} from "@angular/forms";
+import {formatFileSize} from "../shared/utilities/format-file-size.util";
+
+export abstract class FileValidators {
+  static size(limitSize: number): ValidatorFn {
+    return (control: AbstractControl): { [key: string]: any } | null => {
+      const formData: FormData = control.value;
+      if (!formData || !(formData instanceof FormData)) {
+        return null; // No validation errors if there's no form data or the value is not FormData
+      }
+
+      const filesValidity: any[] = [];
+      const inValidFileName: string [] = [];
+      formData.forEach((value: FormDataEntryValue) => {
+        if (value instanceof File) {
+          if (value.size > limitSize) {
+            inValidFileName.push(value.name);
+            filesValidity.push(false);
+          } else {
+            filesValidity.push(true);
+          }
+        }
+      });
+
+      return filesValidity.every((v: any) => v) ? null : {
+        fileSize: {
+          limitSize: formatFileSize(limitSize),
+          inValidFileName: inValidFileName.join()
+        }
+      };
+    };
+  }
+
+  static type(validFileExtensions: string[]): ValidatorFn {
+    return (control: AbstractControl): { [key: string]: any } | null => {
+      const formData: FormData = control.value;
+      if (!formData || !(formData instanceof FormData) || validFileExtensions.length === 0) {
+        return null; // No validation errors if there's no form data or the value is not FormData
+      }
+
+      const filesValidity: boolean[] = [];
+      const inValidFileName: string[] = [];
+
+      formData.forEach((value: FormDataEntryValue) => {
+        if (value instanceof File) {
+          const uploadedFileExt = value.name.split(".").pop()?.toLowerCase();
+          const isValidExtension = validFileExtensions.some((ext: string) => ext.toLowerCase() === uploadedFileExt);
+
+          if (!isValidExtension) {
+            inValidFileName.push(value.name);
+            filesValidity.push(false);
+          } else {
+            filesValidity.push(true);
+          }
+        }
+      });
+      return filesValidity.every((v: boolean) => v) ? null : {
+        fileType: {
+          validFileExtensions: validFileExtensions.join(", "),
+          inValidFileName: inValidFileName.join(", ")
+        }
+      };
+    };
+  }
+
+  static maxCount(maxCount: number): ValidatorFn {
+    return (control: AbstractControl): { [key: string]: any } | null => {
+      const formData: FormData = control.value;
+      if (!formData || !(formData instanceof FormData)) {
+        return null; // No validation errors if there's no form data or the value is not FormData
+      }
+
+      let fileCount = 0;
+      formData.forEach((value) => {
+        if (value instanceof File) {
+          fileCount++;
+        }
+      });
+
+      return fileCount <= maxCount ? null : {maxFileCount: {maxCount, fileCount}};
+    };
+  }
+
+  static minCount(minCount: number): ValidatorFn {
+    return (control: AbstractControl): { [key: string]: any } | null => {
+      const formData: FormData = control.value;
+      if (!formData || !(formData instanceof FormData)) {
+        return null; // No validation errors if there's no form data or the value is not FormData
+      }
+
+      let fileCount = 0;
+      formData.forEach((value) => {
+        if (value instanceof File) {
+          fileCount++;
+        }
+      });
+      return fileCount >= minCount ? null : {minFileCount: {minCount, fileCount}};
+    };
+  }
+}

package/projects/iss/src/validators/time.validator.ts

@@ -0,0 +1,31 @@
+import {inject} from "@angular/core";
+import {AbstractControl, ControlContainer, FormGroup, ValidationErrors, ValidatorFn} from "@angular/forms";
+import {format} from "date-fns";
+import {FormField} from "../shared/classes/form-field";
+import {DATETIME_FORMAT} from "../shared/constants/date.const";
+
+export abstract class TimeValidator {
+  static beforeDate(field: FormField): ValidatorFn {
+    const controlContainer = inject(ControlContainer);
+    const parentForm = controlContainer.control as FormGroup;
+    return (control: AbstractControl): ValidationErrors | null => {
+      const anotherControl = parentForm.get(field?.validation?.beforeDate?.value);
+      if (anotherControl) {
+        const anotherControlValue = anotherControl.getRawValue();
+        const controlValue = control.getRawValue();
+        if (new Date(anotherControlValue) < new Date(controlValue)) {
+          return {
+            relativeTimeValidation_before: format(anotherControlValue.replace("Z", ""), DATETIME_FORMAT)
+          };
+        }
+      }
+      return null;
+    };
+  }
+
+  static afterDate(field: FormField): ValidatorFn {
+    return (control: AbstractControl): ValidationErrors | null => {
+      return null;
+    };
+  }
+}

package/projects/iss/tsconfig.lib.json

@@ -0,0 +1,13 @@
+{
+  "extends": "../../tsconfig.json",
+  "compilerOptions": {
+    "outDir": "../../out-tsc/lib",
+    "declaration": true,
+    "declarationMap": true,
+    "inlineSources": true,
+    "types": []
+  },
+  "exclude": [
+    "**/*.spec.ts"
+  ]
+}

package/projects/iss/tsconfig.lib.prod.json

@@ -0,0 +1,9 @@
+{
+  "extends": "./tsconfig.lib.json",
+  "compilerOptions": {
+    "declarationMap": false
+  },
+  "angularCompilerOptions": {
+    "compilationMode": "partial"
+  }
+}

package/projects/iss/tsconfig.spec.json

@@ -0,0 +1,13 @@
+{
+  "extends": "../../tsconfig.json",
+  "compilerOptions": {
+    "outDir": "../../out-tsc/spec",
+    "types": [
+      "jasmine"
+    ]
+  },
+  "include": [
+    "**/*.spec.ts",
+    "**/*.d.ts"
+  ]
+}

package/projects/iss/upgrade.scss

@@ -0,0 +1,68 @@
+html {
+  //  --mat-form-field-container-height: 50px !important;
+}
+
+//mat-mdc-form-field mat-mdc-form-field-type-mat-input mat-form-field-appearance-fill mat-form-field-hide-placeholder mat-primary ng-untouched ng-pristine ng-valid mat-form-field-animations-enabled
+//mat-mdc-form-field mat-mdc-form-field-type-mat-input mat-form-field-appearance-fill mat-form-field-hide-placeholder mat-primary ng-untouched ng-pristine ng-valid mat-form-field-animations-enabled
+//mat-mdc-form-field mat-mdc-form-field-type-mat-input mat-mdc-form-field-has-icon-suffix mat-form-field-appearance-fill mat-primary ng-untouched ng-pristine ng-valid mat-form-field-animations-enabled
+// mat-mdc-form-field mat-mdc-form-field-type-mat-input mat-form-field-appearance-fill mat-primary mat-form-field-animations-enabled ng-dirty ng-invalid mat-form-field-invalid ng-touched
+mat-form-field {
+  --input-height: 55px;
+  --input-radius: 8px;
+
+  &.mat-mdc-form-field {
+    .mdc-floating-label {
+      display: block !important;
+    }
+
+    .mdc-text-field--invalid.mat-mdc-text-field-wrapper {
+      border: 1px solid var(--red) !important;
+    }
+
+    &.mat-form-field-animations-enabled .mat-mdc-form-field-infix {
+      // padding-top: 10px !important;
+    }
+  }
+
+  span[mattextsuffix],
+  span[matsuffix] {
+    // margin-bottom: 6px;
+    // display: block;
+  }
+}
+
+mat-error {
+  --mat-form-field-error-text-color: var(--red);
+  font-size: 12px !important;
+}
+
+.custom-textarea {
+  --input-height: 100px;
+}
+
+.mat-mdc-standard-chip {
+  --mat-chip-container-shape-radius: 8px;
+  --mat-chip-elevated-container-color: var(--white);
+}
+
+.search-container mat-form-field {
+  --input-height: 30px;
+
+}
+
+mat-form-field.mat-mdc-form-field:has(mat-label) .mat-mdc-form-field-infix {
+  padding-top: 10px !important;
+}
+
+
+mat-form-field.mat-mdc-form-field
+.mat-mdc-input-element::placeholder {
+
+  --placeholder-fc: transparent !important;
+}
+
+
+mat-form-field.mat-mdc-form-field.mat-focused
+.mat-mdc-input-element::placeholder {
+  --placeholder-fc: var(--dark-gray) !important;
+}

package/projects/playground/.eslintrc.json

@@ -0,0 +1,37 @@
+{
+  "extends": "../../.eslintrc.json",
+  "ignorePatterns": [
+    "!**/*"
+  ],
+  "overrides": [
+    {
+      "files": [
+        "*.ts"
+      ],
+      "rules": {
+        "@angular-eslint/directive-selector": [
+          "error",
+          {
+            "type": "attribute",
+            "prefix": "app",
+            "style": "camelCase"
+          }
+        ],
+        "@angular-eslint/component-selector": [
+          "error",
+          {
+            "type": "element",
+            "prefix": "app",
+            "style": "kebab-case"
+          }
+        ]
+      }
+    },
+    {
+      "files": [
+        "*.html"
+      ],
+      "rules": {}
+    }
+  ]
+}