@snabcentr/client-ui 0.8.6 → 0.9.0

package/form-fields/addresses-selection-field/sc-addresses-selection-field.component.d.ts

@@ -0,0 +1,65 @@
+import { OnInit } from '@angular/core';
+import { FormControl, FormGroupDirective } from '@angular/forms';
+import { ScICity, ScICountry, ScIRegion, ScLocationsService } from '@snabcentr/client-core';
+import { Observable } from 'rxjs';
+import * as i0 from "@angular/core";
+/**
+ * Компонент поля ввода страны/региона/города.
+ */
+export declare class ScAddressesSelectionFieldComponent implements OnInit {
+    private readonly formGroupDirective;
+    private readonly locationsService;
+    /**
+     * FormControl для поля страны.
+     */
+    countryControl: FormControl<ScICountry | null>;
+    /**
+     * FormControl для поля региона.
+     */
+    regionControl: FormControl<ScIRegion | null>;
+    /**
+     * FormControl для поля города.
+     */
+    cityControl: FormControl<ScICity | null>;
+    /**
+     * {@link Observable} изменения списка стран.
+     */
+    countries$: Observable<ScICountry[] | null>;
+    /**
+     * {@link Observable} изменения списка регионов.
+     */
+    regions$: Observable<ScIRegion[] | null>;
+    /**
+     * {@link Observable} изменения списка городов.
+     */
+    cities$: Observable<ScICity[] | null>;
+    /**
+     * `FormControl` поля идентификатора города.
+     */
+    get cityIdControl(): FormControl<string | null>;
+    /**
+     * Инициализирует экземпляр класса {@link BankSuggestionFieldsComponent}.
+     *
+     * @param formGroupDirective Директива c `FormGroup` из DOM.
+     * @param locationsService Сервис для получения списков стран, регионов, городов.
+     */
+    constructor(formGroupDirective: FormGroupDirective, locationsService: ScLocationsService);
+    /** @inheritDoc */
+    ngOnInit(): void;
+    /**
+     * Заполнение полей банковских реквизитов на основе выбранной подсказки.
+     *
+     * @param suggestion Объект подсказки по банку.
+     */
+    onSelectedCity(city: ScICity | null): void;
+    /**
+     * Функция преобразования объекта сортировки в значение, отображаемое в поле ввода.
+     *
+     * @param item Выбранный объект выпадающего списка.
+     */
+    readonly stringify: (item: {
+        name: string;
+    }) => string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ScAddressesSelectionFieldComponent, [{ skipSelf: true; }, null]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ScAddressesSelectionFieldComponent, "sc-addresses-selection-field", never, {}, {}, never, never, false>;
+}

package/form-fields/form-fields.module.d.ts

@@ -0,0 +1,17 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./addresses-selection-field/sc-addresses-selection-field.component";
+import * as i2 from "./suggestion-field/sc-suggestion-field.component";
+import * as i3 from "@angular/common";
+import * as i4 from "@angular/forms";
+import * as i5 from "@taiga-ui/kit";
+import * as i6 from "@taiga-ui/core";
+import * as i7 from "@taiga-ui/cdk";
+import * as i8 from "@maskito/angular";
+/**
+ * Модуль полей ввода.
+ */
+export declare class ScFormFieldsModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<ScFormFieldsModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ScFormFieldsModule, [typeof i1.ScAddressesSelectionFieldComponent, typeof i2.ScSuggestionFieldComponent], [typeof i3.CommonModule, typeof i4.FormsModule, typeof i4.ReactiveFormsModule, typeof i5.TuiInputModule, typeof i6.TuiTextfieldControllerModule, typeof i6.TuiLabelModule, typeof i7.TuiLetModule, typeof i5.TuiFieldErrorPipeModule, typeof i6.TuiErrorModule, typeof i6.TuiDataListModule, typeof i6.TuiLoaderModule, typeof i5.TuiComboBoxModule, typeof i5.TuiDataListWrapperModule, typeof i5.TuiFilterByInputPipeModule, typeof i5.TuiStringifyContentPipeModule, typeof i5.TuiInputPhoneModule, typeof i6.TuiButtonModule, typeof i8.MaskitoModule], [typeof i1.ScAddressesSelectionFieldComponent, typeof i2.ScSuggestionFieldComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<ScFormFieldsModule>;
+}

package/form-fields/suggestion-field/sc-suggestion-field.component.d.ts

@@ -0,0 +1,45 @@
+import { OnInit } from '@angular/core';
+import { NgControl } from '@angular/forms';
+import { ScISuggestionType, ScSuggestion, ScSuggestionService } from '@snabcentr/client-core';
+import { Observable } from 'rxjs';
+import * as i0 from "@angular/core";
+/**
+ * Компонент подсказок для поля ввода.
+ */
+export declare class ScSuggestionFieldComponent implements OnInit {
+    readonly control: NgControl;
+    private readonly suggestionService;
+    /**
+     * Тип подсказок.
+     */
+    type: ScISuggestionType;
+    /**
+     * {@link Observable} подсказок.
+     */
+    suggestions$?: Observable<ScSuggestion[] | null>;
+    /**
+     * {@link Observable} состояние запроса подсказок.
+     */
+    loading$?: Observable<boolean>;
+    /**
+     * Перечисление типов подсказок.
+     */
+    readonly suggestionType: typeof ScISuggestionType;
+    /**
+     * Инициализирует экземпляр класса {@link ScSuggestionFieldComponent}.
+     *
+     * @param control Контрол поля ввода.
+     * @param suggestionService Сервис работы с API подсказок.
+     */
+    constructor(control: NgControl, suggestionService: ScSuggestionService);
+    /** @inheritDoc */
+    ngOnInit(): void;
+    /**
+     * Заполнение полей основе выбранной подсказки.
+     *
+     * @param suggestion Объект подсказки.
+     */
+    onSelected(suggestion: ScSuggestion): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ScSuggestionFieldComponent, [{ skipSelf: true; }, null]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ScSuggestionFieldComponent, "sc-suggestion-field", never, { "type": "type"; }, {}, never, never, false>;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@snabcentr/client-ui",
-  "version": "0.8.6",
+  "version": "0.9.0",
   "author": "Snabcentr Ltd.",
   "repository": "https://gitlab.snabcentr.met/web/angular/snabcentr-client-ui-lib",
   "license": "Commercial",

package/styles/tailwind/tailwind.scss

@@ -739,6 +739,10 @@ video {
   margin-bottom: 2rem;
 }
 
+.ml-2 {
+  margin-left: 0.5rem;
+}
+
 .mr-2 {
   margin-right: 0.5rem;
 }
@@ -1050,6 +1054,10 @@ video {
   align-content: center;
 }
 
+.\!items-start {
+  align-items: flex-start !important;
+}
+
 .items-start {
   align-items: flex-start;
 }
@@ -1417,6 +1425,10 @@ video {
   color: var(--tui-error-fill);
 }
 
+.text-tui-link {
+  color: var(--tui-link);
+}
+
 .text-tui-primary {
   color: var(--tui-primary);
 }
@@ -1568,6 +1580,12 @@ video {
   display: block;
 }
 
+@media (min-width: 640px) {
+  .sm\:flex-row {
+    flex-direction: row;
+  }
+}
+
 @media (min-width: 768px) {
   .md\:mt-6 {
     margin-top: 1.5rem;

package/user/index.d.ts

@@ -1,2 +1,3 @@
 export * from './reset-user-password/sc-reset-user-password.component';
+export * from './update-user-info-form/sc-update-user-info-form.component';
 export * from './sc-user.module';

package/user/sc-user.module.d.ts

@@ -1,15 +1,18 @@
 import * as i0 from "@angular/core";
 import * as i1 from "./reset-user-password/sc-reset-user-password.component";
-import * as i2 from "@angular/common";
-import * as i3 from "@angular/forms";
-import * as i4 from "@taiga-ui/kit";
-import * as i5 from "@taiga-ui/core";
-import * as i6 from "@taiga-ui/cdk";
+import * as i2 from "./update-user-info-form/sc-update-user-info-form.component";
+import * as i3 from "@angular/common";
+import * as i4 from "@angular/forms";
+import * as i5 from "@taiga-ui/kit";
+import * as i6 from "@taiga-ui/core";
+import * as i7 from "@taiga-ui/cdk";
+import * as i8 from "../verification/sc-verification.module";
+import * as i9 from "../form-fields/form-fields.module";
 /**
  * Модуль компонентов пользователя.
  */
 export declare class ScUserModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<ScUserModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<ScUserModule, [typeof i1.ScResetUserPasswordComponent], [typeof i2.CommonModule, typeof i3.FormsModule, typeof i3.ReactiveFormsModule, typeof i4.TuiFieldErrorPipeModule, typeof i4.TuiInputPasswordModule, typeof i5.TuiButtonModule, typeof i5.TuiErrorModule, typeof i5.TuiLabelModule, typeof i5.TuiTextfieldControllerModule, typeof i6.TuiLetModule], [typeof i1.ScResetUserPasswordComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ScUserModule, [typeof i1.ScResetUserPasswordComponent, typeof i2.ScUpdateUserInfoFormComponent], [typeof i3.CommonModule, typeof i4.FormsModule, typeof i4.ReactiveFormsModule, typeof i5.TuiFieldErrorPipeModule, typeof i5.TuiInputPasswordModule, typeof i6.TuiButtonModule, typeof i6.TuiErrorModule, typeof i6.TuiLabelModule, typeof i6.TuiTextfieldControllerModule, typeof i7.TuiLetModule, typeof i8.ScVerificationModule, typeof i9.ScFormFieldsModule, typeof i6.TuiLoaderModule, typeof i5.TuiInputModule, typeof i5.TuiInputPhoneModule, typeof i5.TuiCheckboxModule, typeof i5.TuiCheckboxLabeledModule, typeof i6.TuiDataListModule, typeof i5.TuiSelectModule, typeof i6.TuiModeModule], [typeof i1.ScResetUserPasswordComponent, typeof i2.ScUpdateUserInfoFormComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<ScUserModule>;
 }

package/user/update-user-info-form/sc-update-user-info-form.component.d.ts

@@ -0,0 +1,56 @@
+import { EventEmitter } from '@angular/core';
+import { FormGroup, FormControl } from '@angular/forms';
+import { ScISuggestionType, ScUser, ScUserService } from '@snabcentr/client-core';
+import { Observable, Subject } from 'rxjs';
+import * as i0 from "@angular/core";
+/**
+ * Компонент формы изменения данных пользователя.
+ */
+export declare class ScUpdateUserInfoFormComponent {
+    readonly user$: Observable<ScUser>;
+    private readonly userService;
+    /**
+     * Перечисление типов подсказок.
+     */
+    readonly suggestionType: typeof ScISuggestionType;
+    /**
+     * Группа полей ввода формы общих данных пользователя для их редактирования.
+     */
+    readonly form: FormGroup<{
+        name: FormControl<string | null>;
+        email: FormControl<string | null>;
+        phone: FormControl<string | null>;
+        verificationCode: FormControl<string | null>;
+        cityId: FormControl<number | null>;
+        getNews: FormControl<boolean | null>;
+    }>;
+    /**
+     * Сигнал нажатия на кнопку "Отмена".
+     */
+    readonly cancelButtonClick: EventEmitter<void>;
+    /**
+     * Сигнал события успешного обновления данных пользователя.
+     */
+    readonly successUpdateDate: Observable<ScUser>;
+    /**
+     * {@link Subject} события отправки формы.
+     */
+    readonly onSubmit: Subject<void>;
+    /**
+     * {@link Observable} запроса обновления данных пользователя.
+     */
+    private readonly request$;
+    /**
+     * {@link Observable} Изменения состояния загрузки данных аутентификации по email.
+     */
+    readonly loading$: Observable<boolean>;
+    /**
+     * Инициализирует экземпляр класса {@link ScUpdateUserInfoFormComponent}.
+     *
+     * @param user$ Поток информации о текущем пользователе.
+     * @param userService Сервис информации о пользователе.
+     */
+    constructor(user$: Observable<ScUser>, userService: ScUserService);
+    static ɵfac: i0.ɵɵFactoryDeclaration<ScUpdateUserInfoFormComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ScUpdateUserInfoFormComponent, "sc-update-user-info-form", never, {}, { "cancelButtonClick": "cancelButtonClick"; "successUpdateDate": "successUpdateDate"; }, never, never, false>;
+}

package/verification/phone-approve-form/phone-approve-form.component.d.ts

@@ -10,6 +10,18 @@ import * as i0 from "@angular/core";
 export declare class ScPhoneApproveFormComponent implements OnInit {
     private readonly verificationService;
     private readonly formGroupDirective?;
+    /**
+     * Признак, следует ли отображать функционал кода подтверждения.
+     */
+    private _showCodeFields;
+    /**
+     * Признак, следует ли отображать функционал кода подтверждения.
+     */
+    set showCodeFields(showCodeFields: boolean);
+    /**
+     * Признак, следует ли отображать функционал кода подтверждения.
+     */
+    get showCodeFields(): boolean;
     /**
      * Признак, следует ли телефону быть в системе. От этого признака зависит в каких случаях выдавать ошибку при проверки занятости телефона.
      */
@@ -31,7 +43,7 @@ export declare class ScPhoneApproveFormComponent implements OnInit {
      */
     get form(): FormGroup<{
         phone: FormControl<string | null>;
-        phoneApproveCode: FormControl<string | null>;
+        verificationCode: FormControl<string | null>;
     }>;
     /**
      * Поле ввода 'Номер телефона'.
@@ -52,7 +64,7 @@ export declare class ScPhoneApproveFormComponent implements OnInit {
     /**
      * Маска поля ввода кода для подтверждения.
      */
-    readonly approveCodeMask: MaskitoOptions;
+    readonly verificationCodeMask: MaskitoOptions;
     /**
      * {@link Subject} События запуска/остановки таймера.
      */
@@ -79,5 +91,5 @@ export declare class ScPhoneApproveFormComponent implements OnInit {
      */
     setHaveCode(haveCode: boolean): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ScPhoneApproveFormComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ScPhoneApproveFormComponent, "sc-phone-approve-form", never, { "shouldBeBusy": "shouldBeBusy"; "shouldBeConfirmed": "shouldBeConfirmed"; "haveCode": "haveCode"; }, { "haveCodeChange": "haveCodeChange"; }, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ScPhoneApproveFormComponent, "sc-phone-approve-form", never, { "showCodeFields": "showCodeFields"; "shouldBeBusy": "shouldBeBusy"; "shouldBeConfirmed": "shouldBeConfirmed"; "haveCode": "haveCode"; }, { "haveCodeChange": "haveCodeChange"; }, never, never, false>;
 }