@snteam/amplify-angular-core 1.0.0

package/index.d.ts

@@ -0,0 +1,406 @@
+import * as i0 from '@angular/core';
+import { OnInit, EventEmitter, TemplateRef, PipeTransform } from '@angular/core';
+import { Location } from '@angular/common';
+import { ValidatorFn, FormGroup, FormBuilder, AbstractControl, FormControl, FormGroupDirective, NgForm } from '@angular/forms';
+import { Observable } from 'rxjs';
+import { ErrorStateMatcher } from '@angular/material/core';
+import { MatDialog, MatDialogRef } from '@angular/material/dialog';
+
+declare class AmplifyAngularCore {
+    static ɵfac: i0.ɵɵFactoryDeclaration<AmplifyAngularCore, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AmplifyAngularCore, "snteam-amplify-angular-core", never, {}, {}, never, never, true, never>;
+}
+
+declare class QuestionBase<T> {
+    model: string;
+    value: T | undefined;
+    key: string;
+    label: string;
+    required: boolean;
+    order: number;
+    controlType: string;
+    type: string;
+    options: {
+        key: string;
+        value: string;
+    }[];
+    tooltip?: string;
+    validators?: ValidatorFn[];
+    constructor(options?: {
+        model?: string;
+        value?: T;
+        key?: string;
+        label?: string;
+        required?: boolean;
+        order?: number;
+        controlType?: string;
+        type?: string;
+        options?: {
+            key: string;
+            value: string;
+        }[];
+        tooltip?: string;
+        validators?: ValidatorFn[];
+    });
+}
+declare class TimePickerQuestion<T> extends QuestionBase<T> {
+    controlType: string;
+    constructor(options?: any);
+}
+declare class DatePickerQuestion<T> extends QuestionBase<T> {
+    controlType: string;
+    min: Date;
+    max: Date;
+    startDate: Date;
+    constructor(options?: any);
+}
+declare class DateTimePickerQuestion<T> extends QuestionBase<T> {
+    controlType: string;
+    min: Date;
+    max: Date;
+    startDate: Date;
+    constructor(options?: any);
+}
+declare class SliderQuestion<T> extends QuestionBase<T> {
+    controlType: string;
+    min: number;
+    max: number;
+    constructor(options?: any);
+}
+declare class NumberQuestion<T> extends QuestionBase<T> {
+    controlType: string;
+}
+declare class TextboxQuestion<T> extends QuestionBase<T> {
+    controlType: string;
+}
+declare class EmailQuestion<T> extends QuestionBase<T> {
+    controlType: string;
+}
+declare class PhoneQuestion<T> extends QuestionBase<T> {
+    controlType: string;
+}
+declare class DropdownQuestion<T> extends QuestionBase<T> {
+    controlType: string;
+}
+declare class AsyncDropdownQuestion<T> extends QuestionBase<T> {
+    controlType: string;
+    targetModel: string;
+    multiple: boolean;
+    ddbKey: string;
+    constructor(options?: any);
+}
+declare class FormGroupQuestion<T> extends QuestionBase<T> {
+    controlType: string;
+    formGroup: FormGroup;
+    questions: QuestionBase<T>[] | null;
+    constructor(options?: any);
+}
+
+declare class AmplifyModelService {
+    private client;
+    constructor();
+    /**
+     * Initialize the service with the Amplify client
+     * This should be called by the consuming application after Amplify.configure()
+     */
+    initializeClient<T>(schema?: T): void;
+    /**
+     * Set the client directly (for consuming applications)
+     */
+    setClient(client: any): void;
+    getMenuLinksFromModels(outputs: any, config?: {
+        skipModels?: string[];
+    }): any[];
+    /**
+     * TODO: Make this generate dynamically using refModel Names and types
+     * TODO: Bring the refModel generation in here.
+     * Edit this function with form fields...
+     *
+     * ... probably don't need this...
+     */
+    getEmptyObjectForModel(model: string): any;
+    getRelationshipChoices(config: any, selectedOptions?: any[]): Observable<any> | null;
+    getRefChoices(config: any, itemId: string, selectedOptions?: any[]): Observable<any> | null;
+    deleteRelationship(relModel: string, relId: string): Promise<any>;
+    createRelationship(relModel: string, relItem: any): Promise<any> | null;
+    getRelationshipFilter(config: any, baseId?: string, removeIds?: string[]): any;
+    getAmplifySelectionSet(config: any, baseId: string): any;
+    setRelatedSub(config: any, baseId: string): Observable<any> | null;
+    /**
+     * @param config {object} - see dynamic-relationship-builder.component getDetailsForManyToMany() for example of building config
+     */
+    getRelatedItems(config: any, baseId: string): Observable<any> | null;
+    createItemPromise(model: string, payload: any): Promise<any> | null;
+    updateItemForModel(model: string, payload: any): Promise<any> | null;
+    getItemForModel(model: string, id: string): Promise<any> | null;
+    listItemsForModel(model: string): Observable<any> | null;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AmplifyModelService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<AmplifyModelService>;
+}
+
+declare class QuestionControlService {
+    private ams;
+    private outputs;
+    constructor(ams: AmplifyModelService);
+    /**
+     * Initialize the service with Amplify outputs
+     * This should be called by the consuming application after Amplify.configure()
+     */
+    initializeOutputs(outputs: any): void;
+    getFieldForFieldObj(fieldObj: any, model: any): QuestionBase<any> | null;
+    getLabelForFieldName(name: string): string;
+    getQuestionsForModelFields(model: string): QuestionBase<any>[];
+    /** nonModel, form section Methods **/
+    getNonModelQuestions(fieldObj: any, model: any): QuestionBase<any>[];
+    getEnumQuestion(fieldObj: any, model: any): DropdownQuestion<any> | null;
+    /** Reference Field Methods **/
+    getRefModel(fieldObj: any, callingModel: string): AsyncDropdownQuestion<any> | null;
+    private _addFormGroupQuestion;
+    private _addDropdownQuestion;
+    private _addRefDropdownQuestion;
+    private _addDatePickerQuestion;
+    private _addNumberQuestion;
+    private _addStringQuestion;
+    private _addEmailQuestion;
+    private _addPhoneQuestion;
+    toFormGroup(questions: (QuestionBase<any> | FormGroupQuestion<any>)[]): FormGroup;
+    static ɵfac: i0.ɵɵFactoryDeclaration<QuestionControlService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<QuestionControlService>;
+}
+
+declare class AmplifyFormBuilderService {
+    private fb;
+    skipFields: string[];
+    materialInputs: string[];
+    switchInputs: string[];
+    refInputs: string[];
+    formGroupInputs: string[];
+    datePickerInputs: string[];
+    private outputs;
+    constructor(fb: FormBuilder);
+    /**
+     * Initialize the service with Amplify outputs
+     * This should be called by the consuming application after Amplify.configure()
+     */
+    initializeOutputs(outputs: any): void;
+    getInputTypeFromFieldType(type: string): string | undefined;
+    getMaterialInputs(): string[];
+    getSwitchInputs(): string[];
+    getRefInputs(): string[];
+    getErrorStrForControl(ctrl: AbstractControl, label?: string): string;
+    /** Shared Methods for FormControls **/
+    getPathFromRoot(searchKey: string, controls: any, pathArr?: string[]): string;
+    /** FormBuilder Methods **/
+    private _getFormGroupFromFieldsArr;
+    private _getGroupControlForNonModel;
+    private _getControlForField;
+    buildFormForModel(model: string): FormGroup;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AmplifyFormBuilderService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<AmplifyFormBuilderService>;
+}
+
+/** Error when invalid control is dirty, touched, or submitted. */
+declare class MyErrorStateMatcher implements ErrorStateMatcher {
+    isErrorState(control: FormControl | null, form: FormGroupDirective | NgForm | null): boolean;
+}
+declare class DynamicFormComponent implements OnInit {
+    private qcs;
+    private afb;
+    private location;
+    model: string;
+    itemId: string;
+    valueMap?: any;
+    hideRelationships: boolean;
+    hideSaveButton: boolean;
+    itemOutput: EventEmitter<any>;
+    submitOutput: EventEmitter<any>;
+    formLoaded: EventEmitter<FormGroup<any>>;
+    mdl: string;
+    id: string;
+    item: any;
+    payLoad: any;
+    form: any;
+    questions: (QuestionBase<any> | FormGroupQuestion<any>)[] | null;
+    materialInputs: string[];
+    switchInputs: string[];
+    formGroupInputs: string[];
+    refInputs: string[];
+    private ams;
+    private _snackBar;
+    constructor(qcs: QuestionControlService, afb: AmplifyFormBuilderService, location: Location);
+    ngOnInit(): void;
+    setFormBuilderForm(): void;
+    getItem(): Promise<void>;
+    setQuestionsAndForm(): void;
+    setQuestionValueFromItem(question: any, item?: any): void;
+    setQuestionValueFromValueMap(question: any, valueMap: any): void;
+    getValueForKey(obj: any, key: string): any | null;
+    setValueForKey(obj: any, key: string, val: any): void;
+    setRefQuestionValuesInPayload(questions?: any, payLoadObj?: any): void;
+    questionsIncludesRefType(questions?: any): boolean;
+    formHasRelationshipQuestions(): boolean;
+    onSubmit(): void;
+    updateItem(): Promise<void>;
+    getQuestionForKey(key: string, questions?: any): any;
+    prepPayloadObj(obj?: any): void;
+    createItem(): Promise<void>;
+    changePathIdParam(newParamValue: string): void;
+    isValid(question?: any, q?: any, q2?: any): any;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DynamicFormComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DynamicFormComponent, "snteam-dynamic-form", never, { "model": { "alias": "model"; "required": false; }; "itemId": { "alias": "itemId"; "required": false; }; "valueMap": { "alias": "valueMap"; "required": false; }; "hideRelationships": { "alias": "hideRelationships"; "required": false; }; "hideSaveButton": { "alias": "hideSaveButton"; "required": false; }; }, { "itemOutput": "itemOutput"; "submitOutput": "submitOutput"; "formLoaded": "formLoaded"; }, never, never, true, never>;
+}
+
+declare class ListViewComponent implements OnInit {
+    private ams;
+    modelName: string;
+    customItemTemplate?: TemplateRef<any>;
+    hideNewButton: boolean;
+    title?: string;
+    itemClick: EventEmitter<any>;
+    newClick: EventEmitter<void>;
+    itemsLoaded: EventEmitter<any[]>;
+    itemsArr: any[];
+    loading: boolean;
+    error: string | null;
+    ngOnInit(): void;
+    listItems(): void;
+    onItemClick(item: any): void;
+    onNewClick(): void;
+    getDisplayText(item: any): string;
+    refresh(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ListViewComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ListViewComponent, "snteam-list-view", never, { "modelName": { "alias": "modelName"; "required": false; }; "customItemTemplate": { "alias": "customItemTemplate"; "required": false; }; "hideNewButton": { "alias": "hideNewButton"; "required": false; }; "title": { "alias": "title"; "required": false; }; }, { "itemClick": "itemClick"; "newClick": "newClick"; "itemsLoaded": "itemsLoaded"; }, never, never, true, never>;
+}
+
+declare class DynamicFormQuestionComponent implements OnInit {
+    private rootFormGroup;
+    private ams;
+    question: any;
+    formGroup: FormGroup;
+    formControlPath: string;
+    materialInputs: string[];
+    switchInputs: string[];
+    refInputs: string[];
+    form: any;
+    ctrl: any;
+    items$: Observable<any>;
+    afbs: AmplifyFormBuilderService;
+    constructor(rootFormGroup: FormGroupDirective, ams: AmplifyModelService);
+    ngOnInit(): void;
+    showError(): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DynamicFormQuestionComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DynamicFormQuestionComponent, "snteam-dynamic-form-question", never, { "question": { "alias": "question"; "required": false; }; "formGroup": { "alias": "formGroup"; "required": false; }; }, {}, never, never, true, never>;
+}
+
+declare class DynamicFormGroupComponent {
+    private rootFormGroup;
+    private afbs;
+    formGroupName: string;
+    question: any;
+    formGroup: FormGroup;
+    materialInputs: string[];
+    switchInputs: string[];
+    refInputs: string[];
+    formGroupInputs: string[];
+    form: any;
+    ctrl: any;
+    constructor(rootFormGroup: FormGroupDirective, afbs: AmplifyFormBuilderService);
+    getControlName(c: AbstractControl): string | null;
+    getPathFromRoot(controls?: any, pathArr?: string[]): string;
+    ngOnInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DynamicFormGroupComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DynamicFormGroupComponent, "snteam-dynamic-form-group", never, { "formGroupName": { "alias": "formGroupName"; "required": false; }; "question": { "alias": "question"; "required": false; }; "formGroup": { "alias": "formGroup"; "required": false; }; }, {}, never, never, true, never>;
+}
+
+declare class DynamicNestedFormQuestionComponent {
+    private rootFormGroup;
+    groupName: string;
+    question: any;
+    formGroup: FormGroup;
+    formControlPath: string;
+    form: any;
+    ctrl: any;
+    items$: Observable<any>;
+    afbs: AmplifyFormBuilderService;
+    constructor(rootFormGroup: FormGroupDirective);
+    ngOnInit(): void;
+    showError(): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DynamicNestedFormQuestionComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DynamicNestedFormQuestionComponent, "snteam-dynamic-nested-form-question", never, { "groupName": { "alias": "groupName"; "required": false; }; "question": { "alias": "question"; "required": false; }; "formGroup": { "alias": "formGroup"; "required": false; }; }, {}, never, never, true, never>;
+}
+
+declare class RecordRelationshipsComponent implements OnInit {
+    private ams;
+    model: string;
+    id?: string;
+    item?: any;
+    amplifyOutputs?: any;
+    constructor(ams: AmplifyModelService);
+    m2mDetailArrays: any[];
+    modelItem: any;
+    readonly dialog: MatDialog;
+    ngOnInit(): void;
+    /**
+    Customize this function to include all desired models from your file
+    */
+    setModelItem(model?: string): void;
+    getFieldNameForAssociatedWithModel(relationshipModelName: string, associatedWith: string): any;
+    getDetailsForManyToMany(fieldObj: any, baseModelName: string): any;
+    deleteRelatedItem(item: any): void;
+    openDialog(rel: any): void;
+    handleDialogResult(result: any, rel: any): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RecordRelationshipsComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<RecordRelationshipsComponent, "snteam-record-relationships", never, { "model": { "alias": "model"; "required": false; }; "id": { "alias": "id"; "required": false; }; "item": { "alias": "item"; "required": false; }; "amplifyOutputs": { "alias": "amplifyOutputs"; "required": false; }; }, {}, never, never, true, never>;
+}
+
+declare class DynamicRelationshipBuilderComponent implements OnInit {
+    private ams;
+    m2m: any;
+    item: any;
+    model: string;
+    m2mItems: any;
+    constructor(ams: AmplifyModelService);
+    modelItem: any;
+    readonly dialog: MatDialog;
+    ngOnInit(): void;
+    perhapsAddM2MItem(item: any): Promise<void>;
+    setCreateSubscription(): void;
+    listItems(): void;
+    /**
+    Customize this function to include all desired models from your file
+    */
+    setModelItem(model?: string): void;
+    deleteRelatedItem(item: any): Promise<void>;
+    openDialog(rel: any): void;
+    handleDialogResult(result: any, rel: any): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DynamicRelationshipBuilderComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DynamicRelationshipBuilderComponent, "snteam-dynamic-relationship-builder", never, { "m2m": { "alias": "m2m"; "required": false; }; "item": { "alias": "item"; "required": false; }; "model": { "alias": "model"; "required": false; }; }, {}, never, never, true, never>;
+}
+
+interface DialogData {
+    modelItem: any;
+    rel: any;
+    selectedItems: any[];
+}
+declare class AddRelationshipDialogComponent implements OnInit {
+    readonly dialogRef: MatDialogRef<any, any>;
+    readonly data: DialogData;
+    readonly modelItem: i0.ModelSignal<any>;
+    private ams;
+    items$: Observable<any>;
+    ngOnInit(): void;
+    onNoClick(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AddRelationshipDialogComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AddRelationshipDialogComponent, "snteam-add-relationship-dialog", never, { "modelItem": { "alias": "modelItem"; "required": false; "isSignal": true; }; }, { "modelItem": "modelItemChange"; }, never, never, true, never>;
+}
+
+declare function phoneNumberValidator(): ValidatorFn;
+
+declare class ValToTitlePipe implements PipeTransform {
+    transform(value: string): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ValToTitlePipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<ValToTitlePipe, "valToTitle", true>;
+}
+
+export { AddRelationshipDialogComponent, AmplifyAngularCore, AmplifyFormBuilderService, AmplifyModelService, AsyncDropdownQuestion, DatePickerQuestion, DateTimePickerQuestion, DropdownQuestion, DynamicFormComponent, DynamicFormGroupComponent, DynamicFormQuestionComponent, DynamicNestedFormQuestionComponent, DynamicRelationshipBuilderComponent, EmailQuestion, FormGroupQuestion, ListViewComponent, MyErrorStateMatcher, NumberQuestion, PhoneQuestion, QuestionBase, QuestionControlService, RecordRelationshipsComponent, SliderQuestion, TextboxQuestion, TimePickerQuestion, ValToTitlePipe, phoneNumberValidator };
+export type { DialogData };

package/package.json

@@ -0,0 +1,52 @@
+{
+  "name": "@snteam/amplify-angular-core",
+  "version": "1.0.0",
+  "description": "Angular 20 components for building dynamic forms and list views with AWS Amplify Data",
+  "keywords": [
+    "angular",
+    "amplify",
+    "aws",
+    "forms",
+    "dynamic-forms",
+    "list-view",
+    "components"
+  ],
+  "author": "SNTeam",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/snteam/amplify-angular-core.git"
+  },
+  "homepage": "https://github.com/snteam/amplify-angular-core#readme",
+  "bugs": {
+    "url": "https://github.com/snteam/amplify-angular-core/issues"
+  },
+  "peerDependencies": {
+    "@angular/common": "^20.3.0",
+    "@angular/core": "^20.3.0",
+    "@angular/forms": "^20.3.0",
+    "@angular/material": "^20.2.0",
+    "@angular/cdk": "^20.2.0",
+    "aws-amplify": "^6.0.0",
+    "@aws-amplify/ui-angular": "^6.0.0",
+    "rxjs": "~7.8.0"
+  },
+  "dependencies": {
+    "tslib": "^2.3.0"
+  },
+  "sideEffects": false,
+  "publishConfig": {
+    "access": "restricted"
+  },
+  "module": "fesm2022/snteam-amplify-angular-core.mjs",
+  "typings": "index.d.ts",
+  "exports": {
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./index.d.ts",
+      "default": "./fesm2022/snteam-amplify-angular-core.mjs"
+    }
+  }
+}