myrta-ui 17.0.20 → 17.0.21

package/src/lib/services/modal-service/modal-service.service.ts

@@ -1,100 +0,0 @@
-import { Injectable, Injector, Type } from '@angular/core';
-import { Overlay } from '@angular/cdk/overlay';
-import { ComponentPortal } from '@angular/cdk/portal';
-import { ModalRef } from './helpers/modal-ref';
-import { MODAL_CONFIG, MODAL_DATA } from './helpers/modal-tokens';
-import { defaultConfig, defaultCustomConfig } from './helpers/modal-default-config';
-import { ModalServiceComponent } from './helpers/modal.component';
-import {
-  AlertModalComponent,
-  DefaultAlertModalParams,
-  DefaultAlertModalResult
-} from './components/alert-modal/alert-modal.component';
-import { ModalConfig, ModalCustomConfig } from './models/modal-config.model';
-import {
-  ConfirmModalComponent,
-  DefaultConfirmModalParams,
-  DefaultConfirmModalResult
-} from './components/confirm-modal/confirm-modal.component';
-
-@Injectable({
-  providedIn: 'root'
-})
-export class ModalService {
-  constructor(private overlay: Overlay, private injector: Injector) {}
-
-  open<T, T1>(component: Type<ModalServiceComponent<T, T1>>, data: T, config: ModalConfig = defaultConfig): ModalRef<T1> {
-    return this.createModal(component, data, config);
-  }
-
-  openAlert(data: DefaultAlertModalParams, config: ModalCustomConfig = defaultCustomConfig): ModalRef<DefaultAlertModalResult> {
-    return this.createDefaultModal<DefaultAlertModalParams, DefaultAlertModalResult>(AlertModalComponent, data, config);
-  }
-
-  openConfirm(data: DefaultConfirmModalParams, config: ModalCustomConfig = defaultCustomConfig): ModalRef<DefaultConfirmModalResult> {
-    return this.createDefaultModal<DefaultConfirmModalParams, DefaultConfirmModalResult>(ConfirmModalComponent, data, config);
-  }
-
-  createModal<T, T1>(component: Type<ModalServiceComponent<T, T1>>, data: T, config: ModalConfig): ModalRef<T1> {
-    const positionStrategy = this.overlay
-      .position()
-      .global()
-      .centerHorizontally()
-      .centerVertically();
-
-    const overlayRef = this.overlay.create({
-      positionStrategy,
-      hasBackdrop: true,
-      backdropClass: 'mrx-modal',
-      panelClass: 'mrx-modal'
-    });
-
-    const dialogRef = new ModalRef<T1>(overlayRef, config);
-
-    const injector = Injector.create({
-      parent: this.injector,
-      providers: [
-        {provide: ModalRef<T1>, useValue: dialogRef},
-        {provide: MODAL_DATA, useValue: data},
-      ],
-    });
-
-    const portal = new ComponentPortal(component, null, injector);
-
-    overlayRef.attach(portal);
-
-    return dialogRef;
-  }
-
-  createDefaultModal<T, T1>(component: Type<ModalServiceComponent<T, T1>>, data: T, config: ModalCustomConfig): ModalRef<T1> {
-    const positionStrategy = this.overlay
-      .position()
-      .global()
-      .centerHorizontally()
-      .centerVertically();
-
-    const overlayRef = this.overlay.create({
-      positionStrategy,
-      hasBackdrop: true,
-      backdropClass: 'mrx-modal',
-      panelClass: 'mrx-modal'
-    });
-
-    const dialogRef = new ModalRef<T1>(overlayRef, config);
-
-    const injector = Injector.create({
-      parent: this.injector,
-      providers: [
-        {provide: ModalRef<T1>, useValue: dialogRef},
-        {provide: MODAL_DATA, useValue: data},
-        {provide: MODAL_CONFIG, useValue: config},
-      ],
-    });
-
-    const portal = new ComponentPortal(component, null, injector);
-
-    overlayRef.attach(portal);
-
-    return dialogRef;
-  }
-}

package/src/lib/services/modal-service/models/modal-config.model.ts

@@ -1,16 +0,0 @@
-import { ModalColorTypes } from '../../../components/modal/modal.emun';
-
-export interface ModalConfig {
-  closeOnEscape?: boolean;
-  closeOnClickOutside?: boolean;
-  panelClass?: string | string[];
-  hasBackdrop?: boolean;
-  customClasses?: string;
-}
-
-export interface ModalCustomConfig extends ModalConfig {
-  color?: ModalColorTypes;
-  okText?: string;
-  cancelText?: string;
-  defaultValue?: any;
-}

package/src/lib/services/mrx-autosave/mrx-autosave.service.ts

@@ -1,58 +0,0 @@
-import { Injectable } from '@angular/core';
-
-export type StateType = 'saving' | 'saved' | 'error' | 'stopped'
-
-export interface Field {
-  id: string,
-  state: StateType,
-  timerId?: number
-}
-
-@Injectable()
-export class MrxAutosaveService {
-
-  private _fields: Field[] = []
-  public stoppedTimer!: number
-
-  public addId(id: string) {
-    const isFind =  this._fields.some((field: Field) => field.id === id)
-
-    clearTimeout(this.stoppedTimer)
-
-    if (!isFind) {
-      this._fields.push({id: id, state: 'stopped'})
-    }
-  }
-
-  public start() {
-    this._fields = this._fields.filter((field: Field) => field.state !== 'saved').map((field: Field) => ({...field, state: 'saving'}))
-  }
-
-  public success() {
-    this._fields = this._fields.map((field: Field) => ({...field, state: 'saved'}))
-
-    this.stoppedTimer = setTimeout(() => {
-      this.stop()
-    }, 2000)
-  }
-
-  public stop() {
-    this._fields = this._fields.map((field: Field) => ({...field, state: 'stopped'}))
-
-    setTimeout(() => {
-      this._fields.length = 0
-    })
-  }
-
-  public error() {
-    this._fields = this._fields.map((field: Field) => ({...field, state: 'error'}))
-
-    this.stoppedTimer = setTimeout(() => {
-      this.stop()
-    }, 2000)
-  }
-
-  public get fields() {
-    return this._fields
-  }
-}

package/src/lib/services/mrx-form-validator/constants/invalid-messages.ts

@@ -1,9 +0,0 @@
-export const INVALID_MESSAGES = {
-  required: () => 'Поле обязательно для заполнения',
-  maxLength: (length: number) => `Максимальное кол-во символов ${length}`,
-  minLength: (length: number) => `Минимальное кол-во символов ${length}`,
-  maxValue: (value: number) => `Максимальное значение ${value}`,
-  minValue: (value: number) => `Минимальное значение ${value}`,
-  email: () => 'Указан некорректный адрес электронной почты',
-  pattern: () => 'Указано некорректное значение',
-}

package/src/lib/services/mrx-form-validator/helpers/get-error-message.helper.ts

@@ -1,17 +0,0 @@
-import { ValidationTypesEnum } from '../models/validations-types.model';
-import { IMessages } from '../models/validations-options.model';
-
-export const getErrorMessageHelper = (
-  key: ValidationTypesEnum, 
-  invalidMessages: IMessages, 
-  messages: IMessages | undefined, 
-  params?: any
-): string => {
-  const message = messages?.[key] ? messages[key] : invalidMessages[key];
-
-  if (typeof message === 'function') {
-    return  message(params);
-  } else {
-    return  message;
-  }
-};

package/src/lib/services/mrx-form-validator/helpers/get-sorting-validations.helper.ts

@@ -1,30 +0,0 @@
-import { ValidationOptionsEnum, ValidationTypesEnum, ValidationsType } from '../models';
-
-export const getSortingValidationsHelper = (validation: ValidationsType): ValidationsType => {
-  const sortedValidatorsConstant = [
-    ValidationTypesEnum.MaxValue,
-    ValidationTypesEnum.MinValue,
-    ValidationTypesEnum.MaxLength,
-    ValidationTypesEnum.MinLength,
-    ValidationTypesEnum.Email,
-    ValidationTypesEnum.Required,
-    ValidationTypesEnum.Pattern,
-    ValidationTypesEnum.Callback,
-    ValidationOptionsEnum.Type,
-    ValidationOptionsEnum.Messages
-  ]
-  const sortedValidators: any = {}
-
-  for (let key of sortedValidatorsConstant) {
-    if (validation.hasOwnProperty(key)) {
-      sortedValidators[key] = validation[key]
-    } else {
-      if (key === 'type') {
-        validation.type = 'single'
-        sortedValidators.type = 'single'
-      }
-    }
-  }
-
-  return sortedValidators
-}

package/src/lib/services/mrx-form-validator/models/index.ts

@@ -1,3 +0,0 @@
-export * from './validations-options.model';
-export * from './validations-settings.model';
-export * from './validations-types.model';

package/src/lib/services/mrx-form-validator/models/validations-options.model.ts

@@ -1,35 +0,0 @@
-export interface IMessages {
-  [name: string]: string | ((param?: any) => string);
-}
-
-export interface IFields {
-  [name: string]: any;
-}
-
-export interface IFieldsError {
-  [name: string]: any;
-}
-
-export type ValidationsType = {
-  required?: boolean,
-  type?: 'multi' | 'single',
-  maxLength?: number,
-  minLength?: number,
-  maxValue?: number,
-  minValue?: number,
-  email?: boolean,
-  pattern?: RegExp,
-  messages?: IMessages,
-  /**
-   * @param value Any <br/>
-   * callback принимает value поля модели <br/>
-   * Вернув null | false - ошибка отсутствует <br/>
-   * Вернув true | string - ошибка появляется <br/>
-   * string при этом становится тектом ошибки
-   */
-  callback?: (value: any) => any
-}
-
-export interface IValidations {
-  [name: string]: ValidationsType;
-}

package/src/lib/services/mrx-form-validator/models/validations-settings.model.ts

@@ -1,8 +0,0 @@
-export type OptionMethodType = 'submit' | 'input'
-export type OptionClearType = 'all' | 'selected'
-
-export interface FormValidatorOptions {
-  method?: OptionMethodType
-  clear?: OptionClearType,
-  messages?: any
-}

package/src/lib/services/mrx-form-validator/models/validations-types.model.ts

@@ -1,23 +0,0 @@
-export enum ValidationTypesEnum {
-  Required = 'required',
-  MaxLength = 'maxLength',
-  MinLength = 'minLength',
-  Email = 'email',
-  Pattern = 'pattern',
-  MaxValue = 'maxValue',
-  MinValue = 'minValue',
-  Callback = 'callback'
-}
-
-export enum ValidationOptionsEnum {
-  Type = 'type',
-  Messages = 'messages'
-}
-
-export type ValidationsTypes = ValidationTypesEnum | ValidationOptionsEnum
-
-export enum ValidationMethodsEnum {
-  Submit = 'submit',
-  Input = 'input'
-}
-

package/src/lib/services/mrx-form-validator/mrx-form-validator.ts

@@ -1,278 +0,0 @@
-import { cloneDeep } from 'lodash-es';
-import { IFields, IFieldsError, IMessages, IValidations, ValidationsType } from './models';
-import { FormValidatorOptions } from './models';
-import { ValidationMethodsEnum, ValidationTypesEnum } from './models';
-import { requiredValidation } from './validations/required.validation';
-import { emailValidation } from './validations/email.validation';
-import { patternValidation } from './validations/pattern.validation';
-import { maxLengthValidation } from './validations/max-length.validation';
-import { minLengthValidation } from './validations/min-length.validation';
-import { minValueValidation } from './validations/min-value.validation';
-import { maxValueValidation } from './validations/max-value.validation';
-import { callbackValidation } from './validations/callback.validation';
-import { INVALID_MESSAGES } from './constants/invalid-messages';
-import { getSortingValidationsHelper } from './helpers/get-sorting-validations.helper';
-
-export class MrxFormValidator {
-  private _fields: any = [];
-  private _validations: IValidations = {};
-  private _errors: IFieldsError = {};
-  private _isValid = true;
-  private _isInit = false;
-  private _modelClone: IFields = {};
-
-  private _method = 'submit';
-  private _invalidMessages: IMessages = INVALID_MESSAGES;
-
-  constructor(options?: FormValidatorOptions) {
-    if (options?.method) {
-      this._method = options.method;
-    }
-
-    if (options?.messages) {
-      this._invalidMessages = {...this._invalidMessages, ...options.messages};
-    }
-  }
-
-  public get errors() {
-    return this._errors;
-  }
-
-  private set fields(fields: any) {
-    this._fields = Object.assign({}, fields);
-  }
-
-  private getNamesUpdatedProperties(oldModel: any, newModel: any): string[] {
-    const namesUpdatedProperties = [];
-
-    for (let key in newModel) {
-      switch (true) {
-        case Array.isArray(newModel[key]):
-          if (JSON.stringify(newModel[key]) !== JSON.stringify(oldModel[key])) {
-            namesUpdatedProperties.push(key);
-          }
-          break;
-        default:
-          if (newModel[key] !== oldModel[key]) {
-            namesUpdatedProperties.push(key);
-          }
-          break;
-      }
-    }
-
-    return namesUpdatedProperties;
-  }
-
-  private validateField(
-    value: string,
-    name: string,
-    validations: ValidationsType,
-    validateEmptyValue: boolean = false,
-    silent: boolean = false
-  ): void {
-    if (!validateEmptyValue && (value.length === 0)) {
-      return;
-    }
-
-    for (let key in validations) {
-      switch (key) {
-        case ValidationTypesEnum.Required:
-          const requiredRes = requiredValidation(
-            value, validations, key, this._invalidMessages
-          );
-
-          this._isValid = requiredRes.isValid;
-
-          if (!silent && !this._errors[name]) {
-            this._errors[name] = requiredRes.message;
-          }
-
-          break;
-        case ValidationTypesEnum.Email:
-          const emailRes = emailValidation(
-            value, validations, key, this._invalidMessages
-          );
-
-          this._isValid = emailRes.isValid;
-
-          if (!silent && !this._errors[name]) {
-            this._errors[name] = emailRes.message;
-          }
-
-          break;
-        case ValidationTypesEnum.Pattern:
-          const patternRes = patternValidation(
-            value, validations, key, this._invalidMessages
-          );
-
-          this._isValid = patternRes.isValid;
-
-          if (!silent && !this._errors[name]) {
-            this._errors[name] = patternRes.message;
-          }
-
-          break;
-        case ValidationTypesEnum.MinLength:
-          const minLengthRes = minLengthValidation(
-            value, validations, key, this._invalidMessages
-          );
-
-          this._isValid = minLengthRes.isValid;
-
-          if (!silent && !this._errors[name]) {
-            this._errors[name] = minLengthRes.message;
-          }
-
-          break;
-        case ValidationTypesEnum.MaxLength:
-          const maxLengthRes = maxLengthValidation(
-            value, validations, key, this._invalidMessages
-          );
-
-          this._isValid = maxLengthRes.isValid;
-
-          if (!silent && !this._errors[name]) {
-            this._errors[name] = maxLengthRes.message;
-          }
-
-          break;
-        case ValidationTypesEnum.MinValue:
-          const minValueRes = minValueValidation(
-            value, validations, key, this._invalidMessages
-          );
-
-          this._isValid = minValueRes.isValid;
-
-          if (!silent && !this._errors[name]) {
-            this._errors[name] = minValueRes.message;
-          }
-
-          break;
-        case ValidationTypesEnum.MaxValue:
-          const maxValueRes = maxValueValidation(
-            value, validations, key, this._invalidMessages
-          );
-
-          this._isValid = maxValueRes.isValid;
-
-          if (!silent && !this._errors[name]) {
-            this._errors[name] = maxValueRes.message;
-          }
-
-          break;
-        case ValidationTypesEnum.Callback:
-          const callbackRes = callbackValidation(
-            value, validations, key, this._invalidMessages
-          );
-
-          this._isValid = callbackRes.isValid;
-
-          if (!silent && !this._errors[name]) {
-            this._errors[name] = callbackRes.message;
-          }
-
-          break;
-      }
-    }
-  }
-
-  private _checkErrors(errors: IFieldsError): boolean {
-    let isValid = true;
-
-    for (let error in errors) {
-      if (!!errors[error]) {
-        isValid = !errors[error];
-        break;
-      }
-    }
-
-    return isValid;
-  }
-
-  public initFields(fields: IFields, validations: IValidations): void {
-    this.fields = cloneDeep(fields);
-    this._validations = validations;
-    this._modelClone = cloneDeep(fields);
-
-    for (let key in this._errors) {
-      if (!fields.hasOwnProperty(key)) {
-        delete this._errors[key]
-      }
-    }
-
-    for (let key in validations) {
-      this._validations[key] = getSortingValidationsHelper(validations[key]);
-      this.errors[key] = null;
-    }
-
-    this._isInit = true;
-  }
-
-  public initModelChanged(fields: IFields): void {
-    if (this._isInit) {
-      this._isValid = true;
-      this._modelClone = cloneDeep(fields);
-
-      this.getNamesUpdatedProperties(this._fields, fields).forEach((name: string) => {
-        this._errors[name] = null;
-
-        if (this._method === ValidationMethodsEnum.Input) {
-          this.validateField(fields[name], name, this._validations[name], true);
-        }
-      });
-    }
-
-    this.fields = cloneDeep(fields);
-  }
-
-  public initFieldChanged(fields: IFields, fieldName: string): void {
-    if (this._isInit) {
-      this._isValid = true;
-
-      if (fields.hasOwnProperty(fieldName)) {
-        this._modelClone[fieldName] = fields[fieldName];
-      }
-
-      this._errors[fieldName] = null;
-      this.validateField(this._modelClone[fieldName], fieldName, this._validations[fieldName], false);
-    }
-  }
-
-  public isValid(): boolean {
-    for (let key in this._validations) {
-      this.errors[key] = null;
-      this.validateField(this._fields[key], key, this._validations[key], true);
-    }
-
-    return this._checkErrors(this.errors);
-  }
-
-  // TODO Вырезать в будущем
-  public initModelChangedFromField(field: any, fieldName: string): void {
-    if (this._isInit) {
-      this._isValid = true;
-      this._modelClone[fieldName] = field;
-
-      this.getNamesUpdatedProperties(this._fields, this._modelClone).forEach((name: string) => {
-        this._errors[name] = null;
-
-        if (this._method === ValidationMethodsEnum.Input) {
-          this.validateField(this._modelClone[name], name, this._validations[name], true);
-        }
-      });
-    }
-
-    this.fields = this._modelClone;
-  }
-
-  // TODO Вырезать в будущем
-  public isHiddenValid(): boolean {
-    this._isValid = true;
-
-    for (let key in this._validations) {
-      this.validateField(this._fields[key], key, this._validations[key], true, true);
-    }
-
-    return this._isValid;
-  }
-}

package/src/lib/services/mrx-form-validator/validations/callback.validation.ts

@@ -1,24 +0,0 @@
-import { IMessages, ValidationsType, ValidationTypesEnum } from '../models';
-import { getErrorMessageHelper } from '../helpers/get-error-message.helper';
-
-export const callbackValidation = (
-  value: string,
-  validations: ValidationsType,
-  key: ValidationTypesEnum,
-  invalidMessages: IMessages
-): { isValid: boolean, message: string | null } => {
-
-  const result: { isValid: boolean, message: string | null } = {isValid: true, message: null};
-
-  if (validations[ValidationTypesEnum.Callback] && typeof validations[ValidationTypesEnum.Callback] === 'function') {
-    const validation = validations[ValidationTypesEnum.Callback] as Function
-    const callbackResult = validation(value)
-
-    if (callbackResult !== true) {
-      result.message = getErrorMessageHelper(key, invalidMessages, validations.messages || {callback: callbackResult})
-      result.isValid = false;
-    }
-  }
-
-  return result
-};

package/src/lib/services/mrx-form-validator/validations/email.validation.ts

@@ -1,20 +0,0 @@
-import { IMessages, ValidationsType, ValidationTypesEnum } from '../models';
-import { getErrorMessageHelper } from '../helpers/get-error-message.helper';
-
-export const emailValidation = (
-  value: string,
-  validations: ValidationsType,
-  key: ValidationTypesEnum,
-  invalidMessages: IMessages
-): { isValid: boolean, message: string | null } => {
-
-  const emailRegExp = /^[a-zA-Z0-9._а-яА-Я-]+@[a-zA-Zа-яА-Я0-9.-]+\.[a-zA-Zа-яА-Я]{2,10}$/
-  const result: { isValid: boolean, message: string | null } = {isValid: true, message: null};
-
-  if (value && !emailRegExp.test(value)) {
-    result.message = getErrorMessageHelper(key, invalidMessages, validations.messages)
-    result.isValid = false;
-  }
-
-  return result
-};

package/src/lib/services/mrx-form-validator/validations/max-length.validation.ts

@@ -1,26 +0,0 @@
-import { IMessages, ValidationsType, ValidationTypesEnum } from '../models';
-import { getErrorMessageHelper } from '../helpers/get-error-message.helper';
-
-export const maxLengthValidation = (
-  value: string | string[],
-  validations: ValidationsType,
-  key: ValidationTypesEnum,
-  invalidMessages: IMessages
-): { isValid: boolean, message: string | null } => {
-
-  const result: { isValid: boolean, message: string | null } = {isValid: true, message: null};
-
-  if (Array.isArray(value) && validations.type === 'single' && value.length > Number(validations[key])) {
-
-    result.message = getErrorMessageHelper(key, invalidMessages, validations.messages, Number(validations[key]))
-    result.isValid = false;
-
-  } else if (!Array.isArray(value) && String(value).length > Number(validations[key])) {
-
-    result.message = getErrorMessageHelper(key, invalidMessages, validations.messages, Number(validations[key]))
-    result.isValid = false;
-
-  }
-
-  return result
-};

package/src/lib/services/mrx-form-validator/validations/max-value.validation.ts

@@ -1,21 +0,0 @@
-import { IMessages, ValidationsType, ValidationTypesEnum } from '../models';
-import { getErrorMessageHelper } from '../helpers/get-error-message.helper';
-
-export const maxValueValidation = (
-  value: string,
-  validations: ValidationsType,
-  key: ValidationTypesEnum,
-  invalidMessages: IMessages
-): { isValid: boolean, message: string | null } => {
-
-  const result: { isValid: boolean, message: string | null } = {isValid: true, message: null};
-
-  if (parseInt(value) > Number(validations[key])) {
-
-    result.message = getErrorMessageHelper(key, invalidMessages, validations.messages, Number(validations[key]))
-    result.isValid = false;
-
-  }
-
-  return result
-};