@datarailsshared/datarailsshared 1.5.364 → 1.5.366

package/lib/dr-avatar/dr-avatar.component.d.ts

@@ -8,6 +8,7 @@ export declare class DrAvatarComponent {
     drAvatarTooltipClass: string;
     drAvatarSize: string;
     drAvatarIsClickable: boolean;
+    compact: boolean;
     userClicked: EventEmitter<any>;
     parsedUsers: any[];
     constructor();
@@ -18,5 +19,5 @@ export declare class DrAvatarComponent {
         colorNumber?: number;
     }): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<DrAvatarComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DrAvatarComponent, "dr-avatar", never, { "users": { "alias": "users"; "required": false; }; "warning": { "alias": "warning"; "required": false; }; "showUnassigned": { "alias": "showUnassigned"; "required": false; }; "drAvatarTooltipPosition": { "alias": "drAvatarTooltipPosition"; "required": false; }; "drAvatarTooltipClass": { "alias": "drAvatarTooltipClass"; "required": false; }; "drAvatarSize": { "alias": "drAvatarSize"; "required": false; }; "drAvatarIsClickable": { "alias": "drAvatarIsClickable"; "required": false; }; }, { "userClicked": "userClicked"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DrAvatarComponent, "dr-avatar", never, { "users": { "alias": "users"; "required": false; }; "warning": { "alias": "warning"; "required": false; }; "showUnassigned": { "alias": "showUnassigned"; "required": false; }; "drAvatarTooltipPosition": { "alias": "drAvatarTooltipPosition"; "required": false; }; "drAvatarTooltipClass": { "alias": "drAvatarTooltipClass"; "required": false; }; "drAvatarSize": { "alias": "drAvatarSize"; "required": false; }; "drAvatarIsClickable": { "alias": "drAvatarIsClickable"; "required": false; }; "compact": { "alias": "compact"; "required": false; }; }, { "userClicked": "userClicked"; }, never, never, false, never>;
 }

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

@@ -3,21 +3,19 @@ import { FormGroup } from '@angular/forms';
 import { MatLegacyDialogRef as MatDialogRef } from '@angular/material/legacy-dialog';
 import { DataProp, DIALOG_FIELD_TYPE } from '../../interfaces/dialog-data';
 import { BehaviorSubject, Subject } from 'rxjs';
-import { DialogService } from '../../services/dialog.service';
 import * as i0 from "@angular/core";
 export declare class DialogModalWrapperComponent implements OnInit, OnDestroy {
     dialogRef: MatDialogRef<DialogModalWrapperComponent>;
-    private dialogService;
     dialogData: DataProp;
     readonly dialogFieldType: typeof DIALOG_FIELD_TYPE;
+    readonly destroy$: Subject<void>;
     form: FormGroup;
     saving$: BehaviorSubject<boolean>;
     isLoading: boolean;
     showServerErrorMessage: boolean;
-    destroy$: Subject<any>;
     fieldsItemsLoading: Record<string, BehaviorSubject<boolean>>;
     class: import("../../interfaces/dialog-data").SizeModal;
-    constructor(dialogRef: MatDialogRef<DialogModalWrapperComponent>, dialogService: DialogService, dialogData: DataProp);
+    constructor(dialogRef: MatDialogRef<DialogModalWrapperComponent>, dialogData: DataProp);
     ngOnInit(): void;
     onAccept(): void;
     onDecline(): void;

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

@@ -2,11 +2,9 @@ import { AfterViewInit, ChangeDetectorRef, ComponentFactoryResolver, OnDestroy,
 import { MatLegacyDialogRef as MatDialogRef } from '@angular/material/legacy-dialog';
 import { DataProp, SizeModal } from '../../interfaces/dialog-data';
 import { BehaviorSubject, Subject } from 'rxjs';
-import { DialogService } from '../../services/dialog.service';
 import * as i0 from "@angular/core";
 export declare class DialogWrapperComponent implements AfterViewInit, OnDestroy {
     dialogRef: MatDialogRef<DialogWrapperComponent>;
-    private dialogService;
     private cdr;
     private componentFactoryResolver;
     dialogData: DataProp;
@@ -16,7 +14,7 @@ export declare class DialogWrapperComponent implements AfterViewInit, OnDestroy
     isLoading: boolean;
     saving$: BehaviorSubject<boolean>;
     destroy$: Subject<any>;
-    constructor(dialogRef: MatDialogRef<DialogWrapperComponent>, dialogService: DialogService, cdr: ChangeDetectorRef, componentFactoryResolver: ComponentFactoryResolver, dialogData: DataProp);
+    constructor(dialogRef: MatDialogRef<DialogWrapperComponent>, cdr: ChangeDetectorRef, componentFactoryResolver: ComponentFactoryResolver, dialogData: DataProp);
     ngAfterViewInit(): Error;
     closeDialog(data?: any): void;
     enableAcceptButton(): void;

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

@@ -2,6 +2,7 @@ import { ComponentType } from '@angular/cdk/portal';
 import { Observable } from 'rxjs';
 import { TimeframeOption } from '../../models/datePicker';
 import { MatLegacyDialogConfig as MatDialogConfig } from '@angular/material/legacy-dialog';
+import { ButtonType } from '../../dr-inputs/button/button.component';
 type DialogConfig = Omit<MatDialogConfig, 'data'>;
 export interface DialogData<T = any> extends DialogConfig {
     data: {
@@ -108,7 +109,7 @@ export type DialogFooterButton = {
     functions?: any;
     isDisabled?: boolean;
     loading?: any;
-    theme?: any;
+    theme?: ButtonType;
 };
 export declare enum DIALOG_SIZE {
     SMALL = "small-modal",

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

@@ -3,7 +3,6 @@ import { MatLegacyDialog as MatDialog, MatLegacyDialogRef as MatDialogRef } from
 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';
 import * as i0 from "@angular/core";
 export declare class DialogService {
     private dialog;
@@ -22,10 +21,12 @@ export declare class DialogService {
      */
     openConfirmDialogModal<R = any>(confirmDialogData: ConfirmDialogData): MatDialogRef<DialogModalWrapperComponent, R>;
     close(params?: any): void;
+    /**
+     * @deprecated
+     */
     enableAcceptButton(): void;
     changeDialogThemeSize(theme: string): void;
     private openDialog;
-    throwErr(err: Error, load?: Subject<any> | BehaviorSubject<any>): Observable<any>;
     static ɵfac: i0.ɵɵFactoryDeclaration<DialogService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<DialogService>;
 }

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

@@ -1,5 +1,5 @@
 import * as i0 from "@angular/core";
-type ButtonType = 'primary' | 'split-primary-first' | 'split-primary-last' | 'secondary' | 'split-secondary-first' | 'split-secondary-last' | 'icon' | 'icon-primary' | 'icon-secondary' | 'ghost' | 'selection' | 'highlight' | 'danger' | 'help';
+export type ButtonType = 'primary' | 'split-primary-first' | 'split-primary-last' | 'secondary' | 'split-secondary-first' | 'split-secondary-last' | 'icon' | 'icon-primary' | 'icon-secondary' | 'ghost' | 'selection' | 'highlight' | 'danger' | 'help';
 export declare class DrButtonComponent {
     theme: ButtonType;
     icon: string | string[];
@@ -14,4 +14,3 @@ export declare class DrButtonComponent {
     static ɵfac: i0.ɵɵFactoryDeclaration<DrButtonComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<DrButtonComponent, "dr-button", never, { "theme": { "alias": "theme"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "iconColor": { "alias": "iconColor"; "required": false; }; "iconSize": { "alias": "iconSize"; "required": false; }; "iconAfter": { "alias": "iconAfter"; "required": false; }; "iconAfterColor": { "alias": "iconAfterColor"; "required": false; }; "iconAfterSize": { "alias": "iconAfterSize"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "isLoading": { "alias": "isLoading"; "required": false; }; "isActive": { "alias": "isActive"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
-export {};

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

@@ -14,6 +14,7 @@ export declare class DrSelectComponent implements ControlValueAccessor {
     searchable: boolean;
     searchFn: (term: string, item: any) => boolean;
     multiple: boolean;
+    multipleHeightIncreased?: boolean;
     hideSelected: boolean;
     placeholder: string;
     loading: boolean;
@@ -54,5 +55,5 @@ export declare class DrSelectComponent implements ControlValueAccessor {
     private getHostElement;
     private hasHostAttributes;
     static ɵfac: i0.ɵɵFactoryDeclaration<DrSelectComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DrSelectComponent, "dr-select", never, { "type": { "alias": "type"; "required": false; }; "className": { "alias": "className"; "required": false; }; "items": { "alias": "items"; "required": false; }; "addTag": { "alias": "addTag"; "required": false; }; "appendTo": { "alias": "appendTo"; "required": false; }; "bindLabel": { "alias": "bindLabel"; "required": false; }; "bindValue": { "alias": "bindValue"; "required": false; }; "clearable": { "alias": "clearable"; "required": false; }; "searchable": { "alias": "searchable"; "required": false; }; "searchFn": { "alias": "searchFn"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "hideSelected": { "alias": "hideSelected"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "loadingText": { "alias": "loadingText"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "groupBy": { "alias": "groupBy"; "required": false; }; "optionWithDescription": { "alias": "optionWithDescription"; "required": false; }; "id": { "alias": "id"; "required": false; }; "keyDownFn": { "alias": "keyDownFn"; "required": false; }; "selectedItem": { "alias": "selectedItem"; "required": false; }; "dropdownClass": { "alias": "dropdownClass"; "required": false; }; "closeOnSelect": { "alias": "closeOnSelect"; "required": false; }; "textView": { "alias": "textView"; "required": false; }; "autofocus": { "alias": "autofocus"; "required": false; }; "isOpen": { "alias": "isOpen"; "required": false; }; "noValuePadding": { "alias": "noValuePadding"; "required": false; }; }, { "change": "change"; "open": "open"; "closeUp": "closeUp"; }, ["labelTemplate", "optionTemplate", "optionHeaderTemplate", "optionFooterTemplate"], never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DrSelectComponent, "dr-select", never, { "type": { "alias": "type"; "required": false; }; "className": { "alias": "className"; "required": false; }; "items": { "alias": "items"; "required": false; }; "addTag": { "alias": "addTag"; "required": false; }; "appendTo": { "alias": "appendTo"; "required": false; }; "bindLabel": { "alias": "bindLabel"; "required": false; }; "bindValue": { "alias": "bindValue"; "required": false; }; "clearable": { "alias": "clearable"; "required": false; }; "searchable": { "alias": "searchable"; "required": false; }; "searchFn": { "alias": "searchFn"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "multipleHeightIncreased": { "alias": "multipleHeightIncreased"; "required": false; }; "hideSelected": { "alias": "hideSelected"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "loadingText": { "alias": "loadingText"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "groupBy": { "alias": "groupBy"; "required": false; }; "optionWithDescription": { "alias": "optionWithDescription"; "required": false; }; "id": { "alias": "id"; "required": false; }; "keyDownFn": { "alias": "keyDownFn"; "required": false; }; "selectedItem": { "alias": "selectedItem"; "required": false; }; "dropdownClass": { "alias": "dropdownClass"; "required": false; }; "closeOnSelect": { "alias": "closeOnSelect"; "required": false; }; "textView": { "alias": "textView"; "required": false; }; "autofocus": { "alias": "autofocus"; "required": false; }; "isOpen": { "alias": "isOpen"; "required": false; }; "noValuePadding": { "alias": "noValuePadding"; "required": false; }; }, { "change": "change"; "open": "open"; "closeUp": "closeUp"; }, ["labelTemplate", "optionTemplate", "optionHeaderTemplate", "optionFooterTemplate"], never, false, never>;
 }

package/package.json

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

package/styles.css

@@ -720,3 +720,160 @@ li.CodeMirror-hint-active {
   color: white;
 }
 
+
+$dr-chat-max-width: 956px;
+$dr-chat-horizontal-padding: 16px;
+$dr-chat-main-color: #25258c;
+$dr-chat-avatar-width: 28px;
+$dr-chat-avatar-left-indent: 0;
+$dr-chat-avatar-right-indent: 16px;
+$dr-chat-header-text-indent: 20px;
+$dr-chat-box-shadow: 0px 2px 36px 0px rgba(0, 0, 0, 0.15);
+
+// DR spacing variables (margin, paddings, etc.)
+$dr-spacing-xxx-small: 2px;
+$dr-spacing-xx-small: 4px;
+$dr-spacing-x-small: 8px;
+$dr-spacing-small: 16px;
+$dr-spacing-medium: 24px;
+$dr-spacing-large: 32px;
+$dr-spacing-x-large: 40px;
+$dr-spacing-xx-large: 48px;
+$dr-spacing-xxx-large: 56px;
+
+// DR font variables (family, weight, size, line-height)
+$dr-primary-font-family: 'Poppins', sans-serif;
+
+$dr-primary-font-weight-x-light: 300;
+$dr-primary-font-weight-light: 400;
+$dr-primary-font-weight-regular: 500;
+$dr-primary-font-weight-semi-bold: 600;
+$dr-primary-font-weight-bold: 700;
+
+$dr-primary-font-size-xxx-small: 10px;
+$dr-primary-font-size-xx-small: 12px;
+$dr-primary-font-size-x-small: 14px;
+$dr-primary-font-size-small: 16px;
+$dr-primary-font-size-medium: 18px;
+$dr-primary-font-size-large: 20px;
+$dr-primary-font-size-x-large: 24px;
+$dr-primary-font-size-xx-large: 32px;
+
+$dr-primary-font-line-height-xxx-small: 13px;
+$dr-primary-font-line-height-xx-small: 20px;
+$dr-primary-font-line-height-x-small: 22px;
+$dr-primary-font-line-height-small: 24px;
+$dr-primary-font-line-height-medium: 24px;
+$dr-primary-font-line-height-large: 28px;
+$dr-primary-font-line-height-x-large: 32px;
+$dr-primary-font-line-height-xx-large: 42px;
+
+$dr-color-primary-darker: #1D1D6D;
+$dr-color-primary-dark: #25258C;
+$dr-color-primary: #4646CE;
+$dr-color-primary-light: #7F7FDD;
+$dr-color-primary-lighter: #B9B9EC;
+$dr-color-primary-ultra-light: #E2E2FF;
+$dr-color-primary-super-light: #F2F2FB;
+$dr-color-primary-gradient: linear-gradient(96.89deg, #25258C 0%, #4646CE 100%);
+
+$dr-color-pink-darker: #680325;
+$dr-color-pink-dark: #981440;
+$dr-color-pink: #C9245B;
+$dr-color-pink-light: #F93576;
+$dr-color-pink-lighter: #FC93B6;
+$dr-color-pink-ultra-lighter: #FFDBE5;
+$dr-color-pink-super-light: #FFF1F5;
+
+$dr-color-yellow-darker: #9E5F00;
+$dr-color-yellow-dark: #C17700;
+$dr-color-yellow: #FFA310;
+$dr-color-yellow-light: #FFBF5A;
+$dr-color-yellow-lighter: #FFDCA4;
+$dr-color-yellow-ultra-light: #FFEFD9;
+$dr-color-yellow-super-light: #FFF8EE;
+
+$dr-color-gray-dark: #4E566C;
+$dr-color-gray-medium-dark: #7E828E;
+$dr-color-gray: #9EA1AA;
+$dr-color-gray-medium-light: #DFE0E3;
+$dr-color-gray-light: #F0F1F4;
+
+$dr-color-background-main-header: #0C142B;
+$dr-color-background-main: #F6F7F8;
+$dr-color-background-secondary: #FBFBFE;
+$dr-color-background-white: #FFFFFF;
+$dr-color-background-header: #F2F2FB;
+$dr-color-background-hover: #F5F5F5;
+$dr-color-background-selected: #EAEAFF;
+$dr-color-background-disabled: #F0F1F4;
+
+$dr-color-background-status-error: #F7D9DC;
+$dr-color-background-status-info: #E6EFFF;
+$dr-color-background-status-warning: #FFEFC7;
+$dr-color-background-status-success: #DBF5E6;
+$dr-color-background-status-progress: #F2F2FB;
+$dr-color-background-status-regular: #F0F1F4;
+
+$dr-color-status-error: #BF1D30;
+$dr-color-status-info: #0B5AF9;
+$dr-color-status-warning: #FFB800;
+$dr-color-status-success: #037C5A;
+$dr-color-status-progress: #4646CE;
+$dr-color-status-regular: #7E828E;
+
+$dr-color-border-divider: #DFE0E3;
+$dr-color-border-input: #9EA1AA;
+$dr-color-border-disabled: #AEABAC;
+$dr-color-border-active: #4646CE;
+$dr-color-border-error: #BF1D30;
+
+$dr-color-text-main: #333333;
+$dr-color-text-secondary: #6D6E6F;
+$dr-color-text-disabled: #AEABAC;
+$dr-color-text-white: #FFFFFF;
+$dr-color-text-active: #4646CE;
+$dr-color-text-success: #037C5A;
+$dr-color-text-error: #BF1D30;
+$dr-color-text-warning: #9E5F00;
+$dr-color-text-info: #0B5AF9;
+
+$dr-color-additional-blue: #0061FF;
+$dr-color-additional-bright-green: #20A452;
+$dr-color-additional-dark-blue: #19194C;
+$dr-color-additional-orange: #FF4E00;
+$dr-color-additional-bright-purple: #B14EF2;
+$dr-color-additional-light-blue: #578AFF;
+$dr-color-additional-bright-pink: #F13FA4;
+$dr-color-additional-mouse: #8693A2;
+$dr-color-additional-medium-green: #00867E;
+
+$dr-color-badge-space: #7B61FF;
+$dr-color-badge-light-purple: #DFD9FF;
+$dr-color-badge-water: #D9F2FF;
+$dr-color-badge-baby-blue: #D9E6FF;
+$dr-color-badge-light-turquoise: #D6FCF9;
+$dr-color-badge-bright-green: #D9FFEA;
+$dr-color-badge-stone: #F6F4F4;
+
+
+.wrapper-dialog {
+    font-family: $dr-primary-font-family;
+    font-style: normal;
+    font-weight: bold;
+    display: flex;
+    flex-direction: column;
+    align-items: flex-start;
+    background: $dr-color-background-white;
+    box-shadow: 0px 2px 36px rgba(0, 0, 0, 0.15);
+    border-radius: 12px;
+    max-width: 100% !important;
+
+    mat-dialog-container {
+        display: flex;
+        border-radius: 12px;
+        padding: 0px;
+        overflow: hidden;
+    }
+}
+