@datarailsshared/datarailsshared 1.4.80-dragons → 1.4.84

package/lib/dr-dialog/components/dialog-modal-wrapper/dialog-modal-wrapper.component.d.ts

@@ -0,0 +1,23 @@
+import { OnInit, OnDestroy } from '@angular/core';
+import { FormGroup } from '@angular/forms';
+import { MatDialogRef } from '@angular/material/dialog';
+import { DataProp } from '../../interfaces/dialog-data';
+import { BehaviorSubject, Subject } from 'rxjs';
+import { DialogService } from '../../services/dialog.service';
+export declare class DialogModalWrapperComponent implements OnInit, OnDestroy {
+    dialogRef: MatDialogRef<DialogModalWrapperComponent>;
+    private dialogService;
+    dialogData: DataProp;
+    class: import("../../interfaces/dialog-data").SizeModal;
+    form: FormGroup;
+    saving$: BehaviorSubject<boolean>;
+    isLoading: boolean;
+    showServerErrorMessage: boolean;
+    destroy$: Subject<any>;
+    constructor(dialogRef: MatDialogRef<DialogModalWrapperComponent>, dialogService: DialogService, dialogData: DataProp);
+    ngOnInit(): void;
+    onAccept(): void;
+    footerAction(): void;
+    closeDialog(): void;
+    ngOnDestroy(): void;
+}

package/lib/dr-dialog/components/dialog-wrapper/dialog-wrapper.component.d.ts

@@ -0,0 +1,24 @@
+import { ViewContainerRef, ComponentFactoryResolver, AfterViewInit, ChangeDetectorRef, OnDestroy } from '@angular/core';
+import { MatDialogRef } from '@angular/material/dialog';
+import { DataProp, SizeModal } from '../../interfaces/dialog-data';
+import { BehaviorSubject, Subject } from 'rxjs';
+import { DialogService } from '../../services/dialog.service';
+export declare class DialogWrapperComponent implements AfterViewInit, OnDestroy {
+    dialogRef: MatDialogRef<DialogWrapperComponent>;
+    private dialogService;
+    private cdr;
+    private componentFactoryResolver;
+    dialogData: DataProp;
+    content: ViewContainerRef;
+    class: SizeModal;
+    childComponent: any;
+    isLoading: boolean;
+    saving$: BehaviorSubject<boolean>;
+    destroy$: Subject<any>;
+    constructor(dialogRef: MatDialogRef<DialogWrapperComponent>, dialogService: DialogService, cdr: ChangeDetectorRef, componentFactoryResolver: ComponentFactoryResolver, dialogData: DataProp);
+    ngAfterViewInit(): Error;
+    closeDialog(data?: any): void;
+    onDecline(): void;
+    onAcceptDialog(data?: any): void;
+    ngOnDestroy(): void;
+}

package/lib/dr-dialog/dialog.module.d.ts

@@ -0,0 +1,2 @@
+export declare class DrDialogModule {
+}

package/lib/dr-dialog/interfaces/dialog-data.d.ts

@@ -0,0 +1,109 @@
+import { ComponentType } from '@angular/cdk/portal';
+import { Observable } from 'rxjs';
+export interface DialogData<T = any> {
+    data: {
+        title?: string;
+        searchable?: boolean;
+        clearable?: boolean;
+        subtitle?: string;
+        content?: any;
+        contentIcon?: {
+            class?: string;
+            color?: string;
+        };
+        acceptButton?: DialogFooterButton;
+        cancelButton?: DialogFooterButton;
+        customButton?: DialogFooterButton;
+        tooltips?: any;
+        errorMessage?: string;
+        serverErrorMessage?: string;
+        child?: ComponentType<T>;
+        childData?: Partial<T>;
+        theme?: {
+            themeSize?: SizeModal;
+            type?: 'successful';
+            contentNoPadding?: boolean;
+            isConfirmation?: boolean;
+            noThemeSizeClass?: boolean;
+        };
+        confirmFn?: any;
+        fields?: ModalFormField[];
+        hideCloseBtn?: boolean;
+        footerTemplateData?: FooterTemplateData;
+    };
+    panelClass?: string | string[];
+    disableClose?: boolean;
+    maxWidth?: number | string;
+    maxHeight?: number | string;
+}
+export interface ConfirmDialogData {
+    title?: string;
+    searchable?: boolean;
+    clearable?: boolean;
+    content?: string;
+    contentIcon?: {
+        class?: string;
+        color?: string;
+    };
+    acceptButton?: DialogFooterButton;
+    cancelButton?: DialogFooterButton;
+    customButton?: DialogFooterButton;
+    tooltips?: any;
+    errorMessage?: string;
+    serverErrorMessage?: string;
+    hideCloseBtn?: boolean;
+    confirmFn?: (response?: any) => Observable<any>;
+    fields?: ModalFormField[];
+    footerTemplateData?: FooterTemplateData;
+}
+export interface ConfirmDialogModalData extends ConfirmDialogData {
+    confirmFn?: any;
+    hideCloseBtn?: boolean;
+    footerTemplateData?: FooterTemplateData;
+    fields?: ModalFormField[];
+}
+export interface FooterTemplateData {
+    label: string;
+    icon?: string;
+    action: (objToSave?: any) => any;
+}
+export interface ModalFormField {
+    name: string;
+    type: 'input' | 'select';
+    label?: string;
+    isLabelFullWidth?: boolean;
+    items?: any[];
+    items$?: Observable<any[]> | Observable<any>;
+    default?: any;
+    placeholder?: string;
+    bindLabel?: string;
+    bindValue?: string;
+    validators?: any[];
+}
+export declare type SizeModal = 'small-modal' | 'medium-modal' | 'medium-large-modal' | 'large-modal' | 'xl-modal' | 'xl-custom-modal';
+export declare type DataProp<T = any> = DialogData<T>['data'];
+export declare type DialogTheme = DataProp['theme'];
+export declare type DialogFooterButton = {
+    label?: string;
+    loadingLabel?: string;
+    functions?: any;
+    loading?: any;
+    theme?: any;
+};
+export declare enum DIALOG_SIZE {
+    SMALL = "small-modal",
+    MEDIUM = "medium-modal",
+    MEDIUM_LARGE = "medium-large-modal",
+    LARGE = "large-modal",
+    X_LARGE = "xl-modal",
+    X_CUSTOM_LARGE = "xl-custom-modal"
+}
+export declare enum DIALOG_BUTTON_LABEL {
+    SAVE = "Save",
+    CANCEL = "Cancel",
+    CLOSE = "Close"
+}
+export declare enum DIALOG_FIELD_TYPE {
+    INPUT = "input",
+    SELECT = "select"
+}

package/lib/dr-dialog/services/dialog.service.d.ts

@@ -0,0 +1,27 @@
+import { ComponentType } from '@angular/cdk/portal';
+import { MatDialog, MatDialogRef } from '@angular/material/dialog';
+import { ConfirmDialogData, DialogData } from '../interfaces/dialog-data';
+import { DialogWrapperComponent } from '../components/dialog-wrapper/dialog-wrapper.component';
+import { DialogModalWrapperComponent } from '../components/dialog-modal-wrapper/dialog-modal-wrapper.component';
+import { BehaviorSubject, Observable, Subject } from 'rxjs';
+export declare class DialogService {
+    private dialog;
+    private wrapperComponent;
+    constructor(dialog: MatDialog);
+    /**
+     * Function to open modal with custom form
+     */
+    openDialogWrapper<T, D = any, R = any>(componentTypeChild: ComponentType<T>, dialogData: DialogData<T>, componentTypeWrapper?: ComponentType<D>): MatDialogRef<any, any>;
+    /**
+     * Function to open confirmation modal
+     */
+    openConfirmDialog<R = any>(confirmDialogData: ConfirmDialogData): MatDialogRef<DialogWrapperComponent, R>;
+    /**
+     * Function to open confirmation modal with inputs
+     */
+    openConfirmDialogModal<R = any>(confirmDialogData: ConfirmDialogData): MatDialogRef<DialogModalWrapperComponent, R>;
+    close(params?: any): void;
+    changeDialogThemeSize(theme: string): void;
+    private openDialog;
+    throwErr(err: Error, load?: Subject<any> | BehaviorSubject<any>): Observable<any>;
+}

package/lib/dr-inputs/dr-select/dr-select.component.d.ts

@@ -17,7 +17,6 @@ export declare class DrSelectComponent implements ControlValueAccessor {
     loading: boolean;
     readonly: boolean;
     disabled: boolean;
-    groupBy: any;
     optionWithDescription: boolean;
     id: string;
     keyDownFn: ($event: KeyboardEvent) => boolean;

package/lib/stepper/stepper.module.d.ts

@@ -1,2 +1,2 @@
-export declare class StepperModule {
+export declare class DrStepperModule {
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@datarailsshared/datarailsshared",
-  "version": "1.4.80-dragons",
+  "version": "1.4.84",
   "description": "DataRails shared components",
   "keywords": [
     "angular",

package/public-api.d.ts

@@ -40,9 +40,11 @@ export * from './lib/dr-layout/dr-layout.component';
 export * from './lib/dr-layout/dr-layout-header.component';
 export * from './lib/dr-layout/dr-layout-body.component';
 export * from './lib/dr-error/dr-error.component';
+export * from './lib/dr-dialog/services/dialog.service';
 export { TooltipPosition } from './lib/dr-tooltip/enums/tooltip-position.enum';
 export { TooltipInfoContext } from './lib/dr-tooltip/interfaces/tooltip-component-context';
 export { Step } from './lib/stepper/interfaces/stepper';
+export * from './lib/dr-dialog/interfaces/dialog-data';
 export * from './lib/dr-inputs/dr-model-debounce-change.directive';
 export * from './lib/models/datePicker';
 export { TAG_TYPES, ITag, IDateTag, IListTag, ITagForServer } from './lib/models/serverTags';
@@ -64,4 +66,5 @@ export { DrAccordionModule } from './lib/dr-accordion/accordion.module';
 export { DrSharedUtils } from './lib/utils/dr-shared-utils';
 export { DrLayoutModule } from './lib/dr-layout/dr-layout.module';
 export { DrErrorModule } from './lib/dr-error/dr-error.module';
-export { StepperModule } from './lib/stepper/stepper.module';
+export { DrStepperModule } from './lib/stepper/stepper.module';
+export { DrDialogModule } from './lib/dr-dialog/dialog.module';