@wavemaker-ai/app-ng-runtime 1.0.0-rc.309

package/components/data/form/index.d.ts

@@ -0,0 +1,487 @@
+import * as i0 from '@angular/core';
+import { OnDestroy, AfterContentInit, AfterViewInit, ViewContainerRef, Injector, EnvironmentInjector, NgZone, OnInit } from '@angular/core';
+import * as _angular_forms from '@angular/forms';
+import { FormGroup, FormArray, FormBuilder } from '@angular/forms';
+import { App, AbstractDialogService, DynamicComponentRefProvider, Viewport } from '@wm/core';
+import { StylableComponent, PartialDirective, BaseComponent, ToDatePipe } from '@wm/components/base';
+import { PrefabDirective } from '@wm/components/prefab';
+import { ListComponent } from '@wm/components/data/list';
+import * as lodash from 'lodash';
+import { LiveTableComponent } from '@wm/components/data/live-table';
+
+declare class FormComponent extends StylableComponent implements OnDestroy, AfterContentInit, AfterViewInit {
+    private envInjector;
+    private fb;
+    private app;
+    private dialogService;
+    private dynamicComponentProvider;
+    private ngZone;
+    parentList: ListComponent;
+    parentForm: FormComponent;
+    parentPrefab: PrefabDirective;
+    parentPartial: PartialDirective;
+    onBeforeSubmitEvt: any;
+    onSubmitEvt: any;
+    onBeforeRenderEvt: any;
+    binddataset: any;
+    private bindformdata;
+    static initializeProps: void;
+    dynamicFormRef: ViewContainerRef;
+    messageRef: any;
+    componentRefs: any;
+    autoupdate: any;
+    formlayout: any;
+    isDataSourceUpdated: boolean;
+    captionAlignClass: string;
+    validationtype: string;
+    captionalign: string;
+    captionposition: string;
+    captionsize: any;
+    collapsible: boolean;
+    expanded: boolean;
+    elScope: any;
+    _widgetClass: string;
+    captionwidth: string;
+    _captionClass: string;
+    ngform: FormGroup;
+    formFields: any[];
+    formfields: {};
+    formWidgets: {};
+    filterWidgets: {};
+    buttonArray: any[];
+    dataoutput: {};
+    datasource: any;
+    formdatasource: any;
+    formdata: {};
+    isSelected: any;
+    prevDataValues: any;
+    prevDataObject: any;
+    prevformFields: any;
+    statusMessage: {
+        caption: string;
+        type: string;
+    };
+    messagelayout: any;
+    metadata: any;
+    errormessage: any;
+    onError: any;
+    onSuccess: any;
+    primaryKey: any[];
+    postmessage: any;
+    _liveTableParent: any;
+    updateMode: any;
+    name: any;
+    clearData: Function;
+    cancel: Function;
+    delete: Function;
+    save: Function;
+    saveAndNew: Function;
+    saveAndView: Function;
+    setPrimaryKey: () => {};
+    dialogId: string;
+    enableemptyfilter: any;
+    pagesize: any;
+    result: any;
+    pagination: any;
+    clearFilter: Function;
+    applyFilter: Function;
+    filter: Function;
+    filterOnDefault: Function;
+    onMaxDefaultValueChange: Function;
+    numberOfFields: number;
+    readonly: boolean;
+    itemsPerRowClass: string;
+    private _debouncedUpdateFieldSource;
+    private operationType;
+    private _isLayoutDialog;
+    private _dynamicContext;
+    private _isGridLayoutPresent;
+    private validationMessages;
+    private formGroupName;
+    private formArrayIndex;
+    private bindingValue;
+    private _formIsInList;
+    private _triggeredByUser;
+    private _debouncedSubmitForm;
+    set isLayoutDialog(nv: any);
+    get isLayoutDialog(): any;
+    private _isUpdateMode;
+    set isUpdateMode(nv: any);
+    get isUpdateMode(): any;
+    action: string;
+    submit($event: any): void;
+    onReset(): void;
+    onKeydownHandler(event: KeyboardEvent): void;
+    get parentFormArray(): FormArray;
+    get isParentList(): any;
+    constructor(inj: Injector, envInjector: EnvironmentInjector, fb: FormBuilder, app: App, dialogService: AbstractDialogService, dynamicComponentProvider: DynamicComponentRefProvider, ngZone: NgZone, parentList: ListComponent, parentForm: FormComponent, parentPrefab: PrefabDirective, parentPartial: PartialDirective, onBeforeSubmitEvt: any, onSubmitEvt: any, onBeforeRenderEvt: any, binddataset: any, bindformdata: any, isLiveForm: any, isLiveFilter: any, role: any, key: any, name: any, explicitContext: any);
+    ngAfterContentInit(): void;
+    ngAfterViewInit(): void;
+    findOperationType(): void;
+    private addInnerNgFormToForm;
+    private addEventsToContext;
+    private setValidationOnInnerForms;
+    /**
+     * This method sets validation on formFields.
+     * Applies to innerform and also sets innerform validation on parent form.
+     * @param prefix contains the form name, which also includes its parents form name
+     * @param {boolean} validateTouch
+     */
+    private setValidationOnFields;
+    private prepareValidationObj;
+    private setValidationMsgs;
+    protected handleEvent(node: HTMLElement, eventName: string, callback: Function, locals: any): void;
+    private updateFieldSource;
+    highlightInvalidFields(): void;
+    validateFieldsOnSubmit(): boolean;
+    onPropertyChange(key: any, nv: any, ov?: any): void;
+    onResultCb(data: any, status: any, event?: any): void;
+    toggleMessage(show: boolean, msg?: string, type?: string, header?: string): void;
+    checkAppServiceErrorMsg(type: any): any;
+    clearMessage(): void;
+    private setLayoutConfig;
+    registerFormWidget(widget: any): void;
+    registerFormFields(formField: any): void;
+    registerActions(formAction: any): void;
+    updateFormDataOutput(dataObject: any): void;
+    constructDataObject(): {};
+    updateDataOutput(): void;
+    getFormFields(): any[];
+    setFieldValue(field: any, data: any, innerFormdata?: any): void;
+    setFormData(data: any, innerFormFields?: any, innerFormdata?: any): void;
+    resetFormState(): void;
+    reset(): void;
+    resetSliderWidget(field: any): void;
+    savePrevformFields(): void;
+    savePrevDataValues(): void;
+    setReadonlyFields(): void;
+    resetFileUploadWidget(field: any, skipValueSet?: any): void;
+    emptyDataModel(): void;
+    setDefaultValues(): void;
+    setOperationType(mode: any): void;
+    new(): void;
+    edit(): void;
+    private triggerWMEvent;
+    submitForm($event: any): void;
+    closeDialog(): void;
+    showButtons(position: any): boolean;
+    expandCollapsePanel(): void;
+    onDataSourceUpdate(response: any, newForm: any, updateMode: any): void;
+    /**
+     * This method tranverses through the parent containing formdata and returns the parent formdata.
+     * @param form, represents the current form instance
+     * @returns {any}
+     */
+    getNearestParentFormData(form: any): any;
+    setFormDataFromParentFormData(formdata: any): void;
+    onDataSourceChange(): void;
+    onFormDataSourceChange(): void;
+    onFieldDefaultValueChange(field: any, nv: any): void;
+    onFieldValueChange(): void;
+    generateFormFields(): Promise<void>;
+    get mode(): any;
+    get dirty(): boolean;
+    /**
+     * This method sets the form state to pristine by internally calling angular markAsPristine method on the form
+     * @param value, When true, mark only this control. When false or not supplied, marks all direct ancestors. Default is false
+     * @returns {void}
+     */
+    markAsPristine(value?: boolean): void;
+    /**
+     * This method sets the form state to dirty by internally calling angular markAsDirty method on the form
+     * @param value, When true, mark only this control. When false or not supplied, marks all direct ancestors. Default is false
+     * @returns {void}
+     */
+    markAsDirty(value?: boolean): void;
+    get invalid(): boolean;
+    get touched(): boolean;
+    get valid(): boolean;
+    get pristine(): boolean;
+    /**
+     * This method sets the form state to touched by internally calling angular markAsTouched method on the form
+     * @param value, When true, mark only this control. When false or not supplied, marks all direct ancestors. Default is false
+     * @returns {void}
+     */
+    markAsTouched(value?: boolean): void;
+    /**
+     * This method sets the form state to untouched by internally calling angular markAsUntouched method on the form
+     * @param value, When true, mark only this control. When false or not supplied, marks all direct ancestors. Default is false
+     * @returns {void}
+     */
+    markAsUntouched(value?: boolean): void;
+    invokeActionEvent($event: any, expression: string): void;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FormComponent, [null, null, null, null, null, null, null, { optional: true; }, { optional: true; skipSelf: true; }, { optional: true; skipSelf: true; }, { optional: true; skipSelf: true; }, { attribute: "beforesubmit.event"; }, { attribute: "submit.event"; }, { attribute: "beforerender.event"; }, { attribute: "dataset.bind"; }, { attribute: "formdata.bind"; }, { attribute: "wmLiveForm"; }, { attribute: "wmLiveFilter"; }, { attribute: "data-role"; }, { attribute: "key"; }, { attribute: "name"; }, { optional: true; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FormComponent, "form[wmForm]", never, {}, {}, ["componentRefs"], ["*"], true, never>;
+}
+
+declare class FormWidgetDirective implements OnInit, OnDestroy {
+    componentInstance: any;
+    name: any;
+    key: any;
+    ngform: FormGroup;
+    fb: any;
+    parent: any;
+    constructor(form: any, table: any, componentInstance: any, fb: FormBuilder, name: any, key: any);
+    get _control(): _angular_forms.AbstractControl<any, any, any>;
+    addControl(fieldName: any): void;
+    createControl(): any;
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FormWidgetDirective, [{ optional: true; }, { optional: true; }, { self: true; }, null, { attribute: "name"; }, { attribute: "key"; }]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<FormWidgetDirective, "[wmFormWidget]", never, {}, {}, never, never, true, never>;
+}
+
+declare class FormActionDirective extends BaseComponent implements OnInit, OnDestroy {
+    form: FormComponent;
+    static initializeProps: void;
+    accessroles: any;
+    action: any;
+    binding: any;
+    class: any;
+    disabled: any;
+    displayName: any;
+    iconclass: any;
+    iconname: any;
+    key: any;
+    position: any;
+    shortcutkey: any;
+    show: any;
+    tabindex: any;
+    title: any;
+    type: any;
+    updateMode: any;
+    buttonDef: any;
+    hyperlink: any;
+    target: any;
+    private _propsInitialized;
+    constructor(inj: Injector, form: FormComponent, explicitContext: any);
+    populateAction(): void;
+    ngOnInit(): void;
+    onPropertyChange(key: any, nv: any, ov: any): void;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FormActionDirective, [null, { optional: true; }, { optional: true; }]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<FormActionDirective, "[wmFormAction]", never, {}, {}, never, never, true, never>;
+}
+
+declare class FormFieldDirective extends StylableComponent implements OnInit, AfterContentInit, OnDestroy {
+    static initializeProps: void;
+    formWidget: any;
+    formWidgetMax: any;
+    private fb;
+    private viewport;
+    private excludeProps;
+    private _validators;
+    private _oldUploadVal;
+    ngform: FormGroup;
+    defaultvalue: any;
+    displayexpression: any;
+    displayfield: any;
+    displaylabel: any;
+    displayname: any;
+    generator: any;
+    key: any;
+    target: any;
+    binding: any;
+    widgettype: any;
+    class: any;
+    readonly: any;
+    show: any;
+    type: any;
+    isDataSetBound: any;
+    viewmodewidget: any;
+    binddataset: any;
+    binddisplayexpression: any;
+    bindChipclass: any;
+    displayimagesrc: string;
+    binddisplayimagesrc: any;
+    binddisplaylabel: any;
+    form: any;
+    filetype: any;
+    extensions: any;
+    permitted: any;
+    period: any;
+    isRange: any;
+    name: any;
+    required: any;
+    maxchars: any;
+    minvalue: any;
+    maxvalue: any;
+    regexp: any;
+    fieldDefConfig: any;
+    placeholder: any;
+    inputtype: any;
+    validationmessage: any;
+    _fieldName: any;
+    private _debounceSetUpValidators;
+    private _initPropsRes;
+    private parentList;
+    private showPendingSpinner;
+    private _activeField;
+    private notifyForFields;
+    private fieldValidations;
+    private _triggeredByUser;
+    private _clicktriggeredByUser;
+    private app;
+    onKeydownHandler(event: KeyboardEvent): void;
+    handleClick(event: any): void;
+    private isFocused;
+    constructor(inj: Injector, form: FormComponent, fb: FormBuilder, viewport: Viewport, app: App, parentList: ListComponent, bindChipclass: string, binddataset: any, binddisplayexpression: string, binddisplaylabel: string, _widgetType: any, name: any, binddisplayimagesrc: String, key: any, isRange: any, pcDisplay: any, mobileDisplay: any, tabletDisplay: any, contexts: Array<any>, explicitContext: any);
+    _onFocusField($evt: any): void;
+    getActiveElement(): HTMLSelectElement | HTMLTextAreaElement | HTMLInputElement;
+    setAriaAttributes(): void;
+    _onBlurField($evt: any): void;
+    evaluateExpr(object: any, displayField: any, displayExpr: any): any;
+    getDisplayExpr(): any;
+    getCaption(): any;
+    notifyChanges(): void;
+    observeOn(fields: any): void;
+    setUpValidators(customValidator?: any): void;
+    setAsyncValidators(validators: any): void;
+    setValidators(validators: any): void;
+    setFormWidget(key: any, val: any): void;
+    boundFn(fn: any): any;
+    setMaxFormWidget(key: any, val: any): void;
+    onPropertyChange(key: any, nv: any, ov?: any): void;
+    onStyleChange(key: any, nv: any, ov?: any): void;
+    get datavalue(): any;
+    set datavalue(val: any);
+    get value(): any;
+    set value(val: any);
+    get maxValue(): any;
+    set maxValue(val: any);
+    get minValue(): any;
+    set minValue(val: any);
+    get _control(): _angular_forms.AbstractControl<any, any, any>;
+    get _maxControl(): _angular_forms.AbstractControl<any, any, any>;
+    get displayValue(): any;
+    get timestamp(): any;
+    get charlength(): any;
+    createControl(): any;
+    onValueChange(val: any): void;
+    onStatusChange(status: any): void;
+    setValidationMessage(val: any): void;
+    setReadOnlyState(): void;
+    resetDisplayInput(): void;
+    reset(): void;
+    triggerUploadEvent($event: any, eventName: any): void;
+    private registerFormField;
+    ngOnInit(): void;
+    prepareFormWidget(): void;
+    ngAfterContentInit(): void;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FormFieldDirective, [null, null, null, null, null, { optional: true; }, { attribute: "chipclass.bind"; }, { attribute: "dataset.bind"; }, { attribute: "displayexpression.bind"; }, { attribute: "displaylabel.bind"; }, { attribute: "widgettype"; }, { attribute: "name"; }, { attribute: "displayimagesrc.bind"; }, { attribute: "key"; }, { attribute: "is-range"; }, { attribute: "pc-display"; }, { attribute: "mobile-display"; }, { attribute: "tablet-display"; }, { self: true; }, { optional: true; }]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<FormFieldDirective, "[wmFormField]", ["wmFormField"], {}, {}, ["formWidget", "formWidgetMax"], never, true, never>;
+}
+
+declare class LiveActionsDirective implements OnDestroy {
+    private subscribedWidget;
+    private app;
+    private dialogService;
+    constructor(subscribedWidget: any, app: App, dialogService: AbstractDialogService);
+    addRow(): void;
+    updateRow(): void;
+    deleteRow(): void;
+    private successHandler;
+    private errorHandler;
+    getRecords(options: any, operation: any): void;
+    private performCUDOperation;
+    private insertRecord;
+    private updateRecord;
+    private deleteRecord;
+    private performOperation;
+    call(operation: any, options: any, success?: any, error?: any): void;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<LiveActionsDirective, [{ self: true; }, null, null]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<LiveActionsDirective, "[wmLiveActions]", never, {}, {}, never, never, true, never>;
+}
+
+declare class DependsonDirective implements AfterContentInit, OnDestroy {
+    private dialogService;
+    private app;
+    formChildren: any;
+    private dialogId;
+    private dependson;
+    private isLayoutDialog;
+    private form;
+    private editMode;
+    private currentOp;
+    private currentFormData;
+    private formSubscription;
+    private eventSubscription;
+    constructor(dialogId: string, dependson: string, dialogService: AbstractDialogService, app: App);
+    private openFormDialog;
+    private onUpdate;
+    private onInsert;
+    private handleEvent;
+    private onFormRender;
+    ngAfterContentInit(): void;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DependsonDirective, [{ attribute: "dialogid"; }, { attribute: "dependson"; }, null, null]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DependsonDirective, "[dependson]", never, {}, {}, ["formChildren"], never, true, never>;
+}
+
+declare class LiveFilterDirective implements OnDestroy {
+    private form;
+    static initializeProps: void;
+    private _options;
+    orderBy: any;
+    _filter: (...args: any[]) => void;
+    constructor(form: any);
+    execute(operation: any, options: any): any;
+    onFieldDefaultValueChange(field: any, nv: any): void;
+    onFieldValueChange(field: any, nv: any): void;
+    onMaxDefaultValueChange(): void;
+    onDataSourceChange(): void;
+    clearFilter(): void;
+    submitForm(): void;
+    applyFilter(options: any): any;
+    filter(options?: any): any;
+    filterOnDefault(): void;
+    registerFormWidget(widget: any): void;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<LiveFilterDirective, [{ self: true; }]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<LiveFilterDirective, "[wmLiveFilter]", never, {}, {}, never, never, true, never>;
+}
+
+declare class LiveFormDirective implements OnDestroy {
+    private form;
+    datePipe: ToDatePipe;
+    private dialogService;
+    static initializeProps: void;
+    private _triggeredByUser;
+    private _debouncedSavePrevDataValues;
+    onKeydownHandler(event: KeyboardEvent): void;
+    constructor(form: any, liveTable: LiveTableComponent, datePipe: ToDatePipe, dialogService: AbstractDialogService, formlayout: string);
+    registerFormFields(formField: any): void;
+    private _updateFieldOnDataSourceChange;
+    onDataSourceChange(): void;
+    onFieldDefaultValueChange(field: any, nv: any): void;
+    onFieldValueChange(field: any, nv: any): void;
+    getBlobURL(dataObj: any, key: any, value: any): string;
+    setFormData(dataObj: any, formFields?: any): void;
+    onDataSourceUpdate(response: any, newForm: any, updateMode: any): void;
+    savePrevformFields(): void;
+    getPrevformFields(): void;
+    getDataObject(): any;
+    constructDataObject(isPreviousData?: any): any;
+    setPrimaryKey(fieldName: any): void;
+    findOperationType(): any;
+    getPrevDataValues(): lodash.Dictionary<any>;
+    savePrevDataValues(): void;
+    clearData(): void;
+    setReadonlyFields(): void;
+    reset(): void;
+    closeDialog(): void;
+    cancel(): void;
+    delete(callBackFn: any): void;
+    saveAndNew(): void;
+    saveAndView(): void;
+    submitForm($event: any): void;
+    save(event?: any, updateMode?: any, newForm?: any): void;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<LiveFormDirective, [{ self: true; }, { optional: true; }, null, null, { attribute: "formlayout"; }]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<LiveFormDirective, "[wmLiveForm]", never, {}, {}, never, never, true, never>;
+}
+
+export { DependsonDirective, FormActionDirective, FormComponent, FormFieldDirective, FormWidgetDirective, LiveActionsDirective, LiveFilterDirective, LiveFormDirective };

package/components/data/form/package.json

@@ -0,0 +1,18 @@
+{
+  "name": "@wm/components/data/form",
+  "sideEffects": false,
+  "dependencies": {
+    "tslib": "^2.0.0"
+  },
+  "module": "fesm2022/index.mjs",
+  "typings": "index.d.ts",
+  "exports": {
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./index.d.ts",
+      "default": "./fesm2022/index.mjs"
+    }
+  }
+}

package/components/data/list/.npmignore

@@ -0,0 +1,2 @@
+# Nested package.json's are only needed for development.
+**/package.json