@aws-amplify/ui-angular 2.3.0 → 2.3.3

package/lib/components/authenticator/components/force-new-password/force-new-password.component.d.ts

@@ -1,16 +1,12 @@
 /// <reference types="amazon-cognito-identity-js" />
-import { OnInit } from '@angular/core';
 import { AuthenticatorService } from '../../../../services/authenticator.service';
-import { FormField } from '@aws-amplify/ui';
-export declare class ForceNewPasswordComponent implements OnInit {
+export declare class ForceNewPasswordComponent {
     authenticator: AuthenticatorService;
     dataAttr: string;
     headerText: string;
     changePasswordText: string;
     backToSignInText: string;
-    formOverrides: FormField;
     constructor(authenticator: AuthenticatorService);
-    ngOnInit(): void;
     get context(): {
         $implicit: {
             resendCode: (data?: Record<string | number | symbol, any>) => void;
@@ -53,8 +49,6 @@ export declare class ForceNewPasswordComponent implements OnInit {
         };
         codeDeliveryDetails: import("amazon-cognito-identity-js").CodeDeliveryDetails;
     };
-    setFormFields(): void;
-    grabField(name: string, field: string, defaultV: any): any;
     onInput(event: Event): void;
     onSubmit(event: Event): void;
 }

package/lib/components/authenticator/components/form-field/form-field.component.d.ts

@@ -1,39 +1,15 @@
-import { OnInit } from '@angular/core';
-import { AuthInputAttributes } from '@aws-amplify/ui';
+import { FormFieldOptions } from '@aws-amplify/ui';
 import { AuthenticatorService } from '../../../../services/authenticator.service';
-/**
- * Input interface opinionated for authenticator usage.
- *
- * TODO: Separate this component out to two parts -- 1) amplify-auth-input that
- * contains authenticator opinionated logic and 2) amplify-text-field primitive
- * that does not make any auth-related inference.
- */
-export declare class FormFieldComponent implements OnInit {
+export declare class FormFieldComponent {
     private authenticator;
     name: string;
-    type: string;
-    required: boolean;
-    placeholder: string;
-    label: string;
-    initialValue: string;
-    disabled: boolean;
-    autocomplete: string;
-    labelHidden: boolean;
-    defaultCountryCode: string;
-    dialCodeList: Array<string>;
+    formField: FormFieldOptions;
     defaultCountryCodeValue: string;
     countryDialCodesValue: string[];
-    textFieldId: string;
-    selectFieldId: string;
     constructor(authenticator: AuthenticatorService);
-    ngOnInit(): void;
-    get attributeMap(): AuthInputAttributes;
-    get error(): string;
+    get errors(): string[];
     onBlur($event: Event): void;
-    inferLabel(): string;
-    inferPlaceholder(): string;
-    inferType(): string;
-    inferAutocomplete(): string;
     isPasswordField(): boolean;
     isPhoneField(): boolean;
+    translate(phrase: string): string;
 }

package/lib/components/authenticator/components/index.d.ts

@@ -12,6 +12,6 @@ export { SetupTotpComponent } from './setup-totp/setup-totp.component';
 export { SignInComponent } from './sign-in/sign-in.component';
 export { SignUpComponent } from './sign-up/sign-up.component';
 export { SignUpFormFieldsComponent } from './sign-up/sign-up-form-fields/sign-up-form-fields.component';
-export { UserNameAliasComponent } from './user-name-alias/user-name-alias.component';
 export { ForceNewPasswordFormFieldsComponent } from './force-new-password/force-new-password-form-fields/force-new-password-form-fields.component';
 export { VerifyUserComponent } from './verify-user/verify-user.component';
+export { BaseFormFieldsComponent } from './base-form-fields/base-form-fields.component';

package/lib/components/authenticator/components/reset-password/reset-password.component.d.ts

@@ -1,19 +1,14 @@
 /// <reference types="amazon-cognito-identity-js" />
-import { OnInit } from '@angular/core';
 import { AuthenticatorService } from '../../../../services/authenticator.service';
-import { FormField } from '@aws-amplify/ui';
-export declare class ResetPasswordComponent implements OnInit {
+import { FormFieldsArray } from '@aws-amplify/ui';
+export declare class ResetPasswordComponent {
     authenticator: AuthenticatorService;
     dataAttr: string;
     headerText: string;
     sendCodeText: string;
     backToSignInText: string;
-    labelText: string;
-    formOverrides: FormField;
+    sortedFormFields: FormFieldsArray;
     constructor(authenticator: AuthenticatorService);
-    ngOnInit(): void;
-    setFormFields(): void;
-    grabField(name: string, field: string, defaultV: any): any;
     get context(): {
         $implicit: {
             resendCode: (data?: Record<string | number | symbol, any>) => void;

package/lib/components/authenticator/components/setup-totp/setup-totp.component.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="amazon-cognito-identity-js" />
 import { OnInit } from '@angular/core';
-import { FormField } from '@aws-amplify/ui';
+import { FormFields, FormFieldsArray } from '@aws-amplify/ui';
 import { AuthenticatorService } from '../../../../services/authenticator.service';
 export declare class SetupTotpComponent implements OnInit {
     authenticator: AuthenticatorService;
@@ -11,11 +11,10 @@ export declare class SetupTotpComponent implements OnInit {
     copyTextLabel: string;
     backToSignInText: string;
     confirmText: string;
-    formOverrides: FormField;
+    sortedFormFields: FormFieldsArray;
+    formOverrides: FormFields;
     constructor(authenticator: AuthenticatorService);
     ngOnInit(): void;
-    setFormFields(): void;
-    grabField(name: string, field: string, defaultV: any): any;
     get context(): {
         $implicit: {
             resendCode: (data?: Record<string | number | symbol, any>) => void;

package/lib/components/authenticator/components/sign-in/sign-in.component.d.ts

@@ -1,20 +1,13 @@
 /// <reference types="amazon-cognito-identity-js" />
-import { OnInit } from '@angular/core';
 import { AuthenticatorService } from '../../../../services/authenticator.service';
-import { FormFieldOptions, FormField } from '@aws-amplify/ui';
-export declare class SignInComponent implements OnInit {
+import { FormFieldsArray } from '@aws-amplify/ui';
+export declare class SignInComponent {
     authenticator: AuthenticatorService;
     dataAttr: string;
     forgotPasswordText: string;
     signInButtonText: string;
-    userOverrides: FormFieldOptions;
-    passwordOR: FormFieldOptions;
-    formOverrides: FormField;
+    sortedFormFields: FormFieldsArray;
     constructor(authenticator: AuthenticatorService);
-    ngOnInit(): void;
-    setFormFields(): void;
-    labelHidden(name: string, defaultV?: boolean): boolean;
-    required(name: string, defaultV?: boolean): boolean;
     get context(): {
         $implicit: {
             resendCode: (data?: Record<string | number | symbol, any>) => void;

package/lib/components/authenticator/components/sign-up/sign-up-form-fields/sign-up-form-fields.component.d.ts

@@ -1,20 +1,2 @@
-import { OnInit } from '@angular/core';
-import { AuthenticatorService } from '../../../../../services/authenticator.service';
-import { FormField, FormFieldOptions, LoginMechanism, SignUpAttribute, CommonFields, translate } from '@aws-amplify/ui';
-export declare class SignUpFormFieldsComponent implements OnInit {
-    private authenticator;
-    primaryAlias: string;
-    secondaryAliases: string[];
-    fieldNames: Array<LoginMechanism | SignUpAttribute>;
-    fieldNamesCombined: Array<SignUpAttribute | CommonFields>;
-    loginMechanism: LoginMechanism;
-    order: (string | number)[];
-    userOverrides: FormFieldOptions;
-    formOverrides: FormField;
-    translate: typeof translate;
-    constructor(authenticator: AuthenticatorService);
-    ngOnInit(): void;
-    get errors(): string | string[];
-    setFormFields(): void;
-    grabField(name: string, field: string, defaultV: any): any;
+export declare class SignUpFormFieldsComponent {
 }

package/lib/services/authenticator.service.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="amazon-cognito-identity-js" />
 import { OnDestroy } from '@angular/core';
-import { AuthContext, AuthenticatorMachineOptions, AuthEvent, AuthInterpreter, AuthMachineState } from '@aws-amplify/ui';
+import { AuthContext, AuthEvent, AuthInterpreter, AuthMachineState } from '@aws-amplify/ui';
 import { Event, Subscription } from 'xstate';
 import { AuthSubscriptionCallback } from '../common';
 /**
@@ -13,7 +13,7 @@ export declare class AuthenticatorService implements OnDestroy {
     private _machineSubscription;
     private _hubSubscription;
     private _facade;
-    startMachine({ initialState, loginMechanisms, services, signUpAttributes, socialProviders, formFields, }: AuthenticatorMachineOptions): void;
+    constructor();
     ngOnDestroy(): void;
     /**
      * Context facades

package/package.json

@@ -1,18 +1,23 @@
 {
   "name": "@aws-amplify/ui-angular",
-  "version": "2.3.0",
+  "version": "2.3.3",
   "license": "Apache-2.0",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/aws-amplify/amplify-ui",
+    "directory": "packages/angular/projects/ui-angular"
+  },
   "peerDependencies": {
     "aws-amplify": "3.x.x || 4.x.x"
   },
   "dependencies": {
     "@aws-amplify/ui-components": "^1.7.0",
-    "@aws-amplify/ui": "3.3.0",
+    "@aws-amplify/ui": "3.4.0",
     "@stencil/core": "2.8.0",
     "nanoid": "3.1.31",
     "qrcode": "1.5.0",
     "tslib": "2.3.1",
-    "xstate": "4.28.0"
+    "xstate": "^4.30.6"
   },
   "publishConfig": {
     "directory": "../../dist/ui-angular"

package/esm2015/lib/components/authenticator/components/user-name-alias/user-name-alias.component.js

@@ -1,42 +0,0 @@
-import { Component, Input } from '@angular/core';
-import { AuthenticatorService } from '../../../../services/authenticator.service';
-import { getAliasInfoFromContext } from '@aws-amplify/ui';
-export class UserNameAliasComponent {
-    constructor(authenticator) {
-        this.authenticator = authenticator;
-        this.name = 'username';
-        this.disabled = false;
-        this.initialValue = '';
-        this.required = true;
-    }
-    ngOnInit() {
-        var _a, _b, _c;
-        const context = this.authenticator.context;
-        const { label: lbl, type } = getAliasInfoFromContext(context);
-        this.labelValue = (_a = this.label) !== null && _a !== void 0 ? _a : lbl;
-        this.type = type;
-        this.placeholderValue = (_b = this.placeholder) !== null && _b !== void 0 ? _b : lbl;
-        this.requiredValue = (_c = this.required) !== null && _c !== void 0 ? _c : true;
-    }
-}
-UserNameAliasComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'amplify-user-name-alias',
-                template: "<amplify-form-field\n  data-amplify-usernamealias\n  [name]=\"name\"\n  [labelHidden]=\"labelHidden\"\n  [label]=\"labelValue\"\n  [placeholder]=\"placeholderValue\"\n  [required]=\"requiredValue\"\n  [defaultCountryCode]=\"dialCode\"\n  [dialCodeList]=\"dialCodeList\"\n  [type]=\"type\"\n  [initialValue]=\"initialValue\"\n  [disabled]=\"disabled\"\n  autocomplete=\"username\"\n>\n</amplify-form-field>\n"
-            },] }
-];
-UserNameAliasComponent.ctorParameters = () => [
-    { type: AuthenticatorService }
-];
-UserNameAliasComponent.propDecorators = {
-    name: [{ type: Input }],
-    disabled: [{ type: Input }],
-    initialValue: [{ type: Input }],
-    required: [{ type: Input }],
-    labelHidden: [{ type: Input }],
-    label: [{ type: Input }],
-    placeholder: [{ type: Input }],
-    dialCode: [{ type: Input }],
-    dialCodeList: [{ type: Input }]
-};
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlci1uYW1lLWFsaWFzLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3VpLWFuZ3VsYXIvc3JjL2xpYi9jb21wb25lbnRzL2F1dGhlbnRpY2F0b3IvY29tcG9uZW50cy91c2VyLW5hbWUtYWxpYXMvdXNlci1uYW1lLWFsaWFzLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBVSxNQUFNLGVBQWUsQ0FBQztBQUN6RCxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSw0Q0FBNEMsQ0FBQztBQUNsRixPQUFPLEVBQUUsdUJBQXVCLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQU0xRCxNQUFNLE9BQU8sc0JBQXNCO0lBaUJqQyxZQUFvQixhQUFtQztRQUFuQyxrQkFBYSxHQUFiLGFBQWEsQ0FBc0I7UUFoQjlDLFNBQUksR0FBVyxVQUFVLENBQUM7UUFDMUIsYUFBUSxHQUFZLEtBQUssQ0FBQztRQUMxQixpQkFBWSxHQUFXLEVBQUUsQ0FBQztRQUMxQixhQUFRLEdBQVksSUFBSSxDQUFDO0lBYXdCLENBQUM7SUFFM0QsUUFBUTs7UUFDTixNQUFNLE9BQU8sR0FBRyxJQUFJLENBQUMsYUFBYSxDQUFDLE9BQU8sQ0FBQztRQUMzQyxNQUFNLEVBQUUsS0FBSyxFQUFFLEdBQUcsRUFBRSxJQUFJLEVBQUUsR0FBRyx1QkFBdUIsQ0FBQyxPQUFPLENBQUMsQ0FBQztRQUU5RCxJQUFJLENBQUMsVUFBVSxTQUFHLElBQUksQ0FBQyxLQUFLLG1DQUFJLEdBQUcsQ0FBQztRQUNwQyxJQUFJLENBQUMsSUFBSSxHQUFHLElBQUksQ0FBQztRQUNqQixJQUFJLENBQUMsZ0JBQWdCLFNBQUcsSUFBSSxDQUFDLFdBQVcsbUNBQUksR0FBRyxDQUFDO1FBQ2hELElBQUksQ0FBQyxhQUFhLFNBQUcsSUFBSSxDQUFDLFFBQVEsbUNBQUksSUFBSSxDQUFDO0lBQzdDLENBQUM7OztZQS9CRixTQUFTLFNBQUM7Z0JBQ1QsUUFBUSxFQUFFLHlCQUF5QjtnQkFDbkMsbWFBQStDO2FBQ2hEOzs7WUFOUSxvQkFBb0I7OzttQkFRMUIsS0FBSzt1QkFDTCxLQUFLOzJCQUNMLEtBQUs7dUJBQ0wsS0FBSzswQkFDTCxLQUFLO29CQUNMLEtBQUs7MEJBQ0wsS0FBSzt1QkFDTCxLQUFLOzJCQUNMLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEF1dGhlbnRpY2F0b3JTZXJ2aWNlIH0gZnJvbSAnLi4vLi4vLi4vLi4vc2VydmljZXMvYXV0aGVudGljYXRvci5zZXJ2aWNlJztcbmltcG9ydCB7IGdldEFsaWFzSW5mb0Zyb21Db250ZXh0IH0gZnJvbSAnQGF3cy1hbXBsaWZ5L3VpJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYW1wbGlmeS11c2VyLW5hbWUtYWxpYXMnLFxuICB0ZW1wbGF0ZVVybDogJy4vdXNlci1uYW1lLWFsaWFzLmNvbXBvbmVudC5odG1sJyxcbn0pXG5leHBvcnQgY2xhc3MgVXNlck5hbWVBbGlhc0NvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gIEBJbnB1dCgpIG5hbWU6IHN0cmluZyA9ICd1c2VybmFtZSc7XG4gIEBJbnB1dCgpIGRpc2FibGVkOiBib29sZWFuID0gZmFsc2U7XG4gIEBJbnB1dCgpIGluaXRpYWxWYWx1ZTogc3RyaW5nID0gJyc7XG4gIEBJbnB1dCgpIHJlcXVpcmVkOiBib29sZWFuID0gdHJ1ZTtcbiAgQElucHV0KCkgbGFiZWxIaWRkZW46IGJvb2xlYW47XG4gIEBJbnB1dCgpIGxhYmVsOiBzdHJpbmc7XG4gIEBJbnB1dCgpIHBsYWNlaG9sZGVyOiBzdHJpbmc7XG4gIEBJbnB1dCgpIGRpYWxDb2RlOiBzdHJpbmc7XG4gIEBJbnB1dCgpIGRpYWxDb2RlTGlzdDogQXJyYXk8c3RyaW5nPjtcblxuICBwdWJsaWMgbGFiZWxWYWx1ZTogc3RyaW5nO1xuICBwdWJsaWMgdHlwZTogc3RyaW5nO1xuICBwdWJsaWMgZXJyb3I6IHN0cmluZztcbiAgcHVibGljIHBsYWNlaG9sZGVyVmFsdWU6IHN0cmluZztcbiAgcHVibGljIHJlcXVpcmVkVmFsdWU6IGJvb2xlYW47XG5cbiAgY29uc3RydWN0b3IocHJpdmF0ZSBhdXRoZW50aWNhdG9yOiBBdXRoZW50aWNhdG9yU2VydmljZSkge31cblxuICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICBjb25zdCBjb250ZXh0ID0gdGhpcy5hdXRoZW50aWNhdG9yLmNvbnRleHQ7XG4gICAgY29uc3QgeyBsYWJlbDogbGJsLCB0eXBlIH0gPSBnZXRBbGlhc0luZm9Gcm9tQ29udGV4dChjb250ZXh0KTtcblxuICAgIHRoaXMubGFiZWxWYWx1ZSA9IHRoaXMubGFiZWwgPz8gbGJsO1xuICAgIHRoaXMudHlwZSA9IHR5cGU7XG4gICAgdGhpcy5wbGFjZWhvbGRlclZhbHVlID0gdGhpcy5wbGFjZWhvbGRlciA/PyBsYmw7XG4gICAgdGhpcy5yZXF1aXJlZFZhbHVlID0gdGhpcy5yZXF1aXJlZCA/PyB0cnVlO1xuICB9XG59XG4iXX0=

package/lib/components/authenticator/components/user-name-alias/user-name-alias.component.d.ts

@@ -1,21 +0,0 @@
-import { OnInit } from '@angular/core';
-import { AuthenticatorService } from '../../../../services/authenticator.service';
-export declare class UserNameAliasComponent implements OnInit {
-    private authenticator;
-    name: string;
-    disabled: boolean;
-    initialValue: string;
-    required: boolean;
-    labelHidden: boolean;
-    label: string;
-    placeholder: string;
-    dialCode: string;
-    dialCodeList: Array<string>;
-    labelValue: string;
-    type: string;
-    error: string;
-    placeholderValue: string;
-    requiredValue: boolean;
-    constructor(authenticator: AuthenticatorService);
-    ngOnInit(): void;
-}