@colijnit/sharedcomponents 255.1.14 → 255.1.16

package/lib/components/email-selector/email-selector.component.d.ts

@@ -0,0 +1,37 @@
+import { EventEmitter, OnInit } from "@angular/core";
+import { Icon } from "../../enum/icon.enum";
+import { IconCacheService } from "../../service/icon-cache.service";
+import { WorkflowCategoryType } from "@colijnit/mainapi/build/enum/workflow-category.enum";
+import { SharedService } from "../../service/shared.service";
+import { SafeHtml } from "@angular/platform-browser";
+import { RoleEmailSelectorComponent } from "../role-email-selector/role-email-selector.component";
+export declare class EmailSelectorComponent implements OnInit {
+    iconService: IconCacheService;
+    sharedService: SharedService;
+    readonly icons: typeof Icon;
+    email: RoleEmailSelectorComponent;
+    bccEmail: RoleEmailSelectorComponent;
+    set key(value: string);
+    get key(): string;
+    set workflowCategoryType(value: WorkflowCategoryType);
+    get workflowCategoryType(): WorkflowCategoryType;
+    set emailAddresses(value: string[]);
+    get emailAddresses(): string[];
+    set bccEmailAddresses(value: string[]);
+    get bccEmailAddresses(): string[];
+    showBCC: boolean;
+    buttonIcon: SafeHtml;
+    readonly emailAddressesChange: EventEmitter<any>;
+    readonly bccEmailAddressesChange: EventEmitter<any>;
+    private _key;
+    private _workflowCategoryType;
+    private _emailAddresses;
+    private _bccEmailAddresses;
+    showClass(): boolean;
+    constructor(iconService: IconCacheService, sharedService: SharedService);
+    ngOnInit(): Promise<void>;
+    toggleBCC(): void;
+    handleEmailAddressesChanged(): void;
+    handleBccEmailAddressesChanged(): void;
+    clear(): void;
+}

package/lib/components/email-selector/email-selector.module.d.ts

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

package/lib/components/email-selector/style/_layout.scss

@@ -0,0 +1,15 @@
+@include export-module('co-email-selector-layout') {
+ .co-email-selector {
+   width: 100%;
+   height: 100%;
+   display: flex;
+   flex-direction: column;
+   row-gap: 5px;
+   .recipients-line {
+     width: 100%;
+     display: flex;
+     flex-direction: row;
+     row-gap: 5px;
+   }
+ }
+}

package/lib/components/email-selector/style/_material-definition.scss

@@ -0,0 +1,15 @@
+$cc-co-role-email-selector-chips-padding: 0 10px 10px 10px !default;
+$cc-co-role-email-selector-chips-column-gap: 5px !default;
+$cc-co-role-email-selector-chips-row-gap: 2px !default;
+
+$cc-co-role-email-selector-chip-font-family: $cc-font-family !default;
+$cc-co-role-email-selector-chip-font-size: $cc-font-size-small !default;
+$cc-co-role-email-selector-chip-font-color: $cc-color-light !default;
+
+$cc-co-role-email-selector-chip-background-color: $cc-color-active !default;
+$cc-co-role-email-selector-chip-border-radius: 5px !default;
+$cc-co-role-email-selector-chip-padding: 2px 7px !default;
+
+
+$cc-co-role-email-selector-chip-delete-icon-color: $cc-color-light !default;
+$cc-co-role-email-selector-chip-delete-icon-size: 20px !default;

package/lib/components/email-selector/style/_theme.scss

@@ -0,0 +1,4 @@
+@include export-module('co-email-selector-theme') {
+  .co-email-selector {
+  }
+}

package/lib/components/email-selector/style/material.scss

@@ -0,0 +1,4 @@
+@import "../../../style/mixin";
+@import "./_material-definition";
+@import "./_layout";
+@import "./_theme";

package/lib/components/role-email-selector/role-email-selector.component.d.ts

@@ -17,7 +17,11 @@ export declare class RoleEmailSelectorComponent implements OnInit {
     set workflowCategoryType(value: WorkflowCategoryType);
     get workflowCategoryType(): WorkflowCategoryType;
     readonly modelChange: EventEmitter<any>;
-    emailAddressesAvailable: RoleEmailaddress[];
+    emailAddressesAvailableForDropdown: RoleEmailaddress[];
+    chosenEmailAddressesInDropDown: RoleEmailaddress[];
+    emailModel: string;
+    private _roleEmailAddresses;
+    private _customEmailAddresses;
     private _model;
     private _key;
     private _workflowCategoryType;
@@ -25,7 +29,10 @@ export declare class RoleEmailSelectorComponent implements OnInit {
     constructor(iconService: IconCacheService, sharedService: SharedService);
     ngOnInit(): Promise<void>;
     fetchRoleEmailAddresses(): Promise<void>;
-    roleChosen(role: RoleEmailaddress): void;
-    addEmail(email: string): void;
+    roleChosen(roles: RoleEmailaddress[]): void;
+    handleKeyPressed(event: KeyboardEvent): void;
+    addEmail(): void;
+    updateModel(): void;
     removeOptionFromModel(email: string): void;
+    clear(): void;
 }

package/lib/components/role-email-selector/style/_layout.scss

@@ -3,8 +3,8 @@
    width: 100%;
    height: 100%;
    display: flex;
-   flex-direction: column;
-   row-gap: 2px;
+   flex-direction: row;
+   row-gap: 0px;
    .chips-wrapper {
      display: flex;
      flex-wrap: wrap;

package/lib/components/task-creator/style/_layout.scss

@@ -3,70 +3,88 @@
    width: 100%;
    height: 100%;
    position: relative;
-   .input-fields {
+   .top-rows {
      display: flex;
-     flex-direction: row;
+     flex-direction: column;
      width: 100%;
-     align-items: flex-start;
-     gap: 15px;
-     .task-input-fields {
+     gap: 5px;
+     .input-fields {
        display: flex;
-       flex-direction: column;
+       flex-direction: row;
        width: 100%;
-     }
-     .co-input-text {
-       width: 100%;
-       margin-left: 45px;
-     }
-     .co-list-of-icons {
-       position: absolute;
-       display: block;
-       left: 0;
-       height: fit-content;
-       background: linear-gradient(180deg, rgba(15, 64, 130, 0.04) 3%, rgba(26, 115, 232, 0.04) 90%);
-       box-shadow: 0 4px 4px 0 #0000001A;
-       border: 1px solid #DEDEEF;
-       .icon-item {
+       align-items: flex-start;
+       gap: 15px;
+
+       .task-input-fields {
          display: flex;
-         align-items: center;
-         position: relative;
-         &.menu-opened {
-           background: #f6f9fc;
-         }
-         .drop-arrow {
-           display: none;
-         }
-         .label {
-           display: none;
-         }
-         .co-icon {
-           padding: 2px;
-         }
+         flex-direction: column;
+         width: 100%;
        }
-       & > .icon-item {
-         cursor: pointer;
-         padding: 5px;
-         &:after {
-           content: '';
-           width: 0;
-           height: 0;
-           border-left: 4px solid transparent;
-           border-top: 4px solid transparent;
-           border-right: 4px solid #000;
-           border-bottom: 4px solid #000;
-           position: absolute;
-           right: -1px;
-           bottom: -1px;
-           transform: rotate(0deg);
-         }
+
+       .co-input-text {
+         width: 100%;
+         margin-left: 45px;
        }
-       .dropdown-menu {
-         padding: 5px;
-         display: flex;
-         flex-direction: column;
-         gap: 5px;
+
+       .co-list-of-icons {
+         position: absolute;
+         display: block;
+         left: 0;
+         height: fit-content;
+         background: linear-gradient(180deg, rgba(15, 64, 130, 0.04) 3%, rgba(26, 115, 232, 0.04) 90%);
+         box-shadow: 0 4px 4px 0 #0000001A;
+         border: 1px solid #DEDEEF;
+
          .icon-item {
+           display: flex;
+           align-items: center;
+           position: relative;
+
+           &.menu-opened {
+             background: #f6f9fc;
+           }
+
+           .drop-arrow {
+             display: none;
+           }
+
+           .label {
+             display: none;
+           }
+
+           .co-icon {
+             padding: 2px;
+           }
+         }
+
+         & > .icon-item {
            cursor: pointer;
+           padding: 5px;
+
+           &:after {
+             content: '';
+             width: 0;
+             height: 0;
+             border-left: 4px solid transparent;
+             border-top: 4px solid transparent;
+             border-right: 4px solid #000;
+             border-bottom: 4px solid #000;
+             position: absolute;
+             right: -1px;
+             bottom: -1px;
+             transform: rotate(0deg);
+           }
+         }
+
+         .dropdown-menu {
+           padding: 5px;
+           display: flex;
+           flex-direction: column;
+           gap: 5px;
+
+           .icon-item {
+             cursor: pointer;
+           }
          }
        }
      }

package/lib/components/task-creator/task-creator.component.d.ts

@@ -37,8 +37,6 @@ export declare class TaskCreatorComponent implements OnInit {
     senderAddress: string;
     emailAddresses: string[];
     bccEmailAddresses: string[];
-    oldEmailAddresses: string[];
-    oldBccEmailAddresses: string[];
     emailRequest: activityEmailRequestData;
     createdTask: Task;
     createdRemark: Remark;
@@ -56,9 +54,6 @@ export declare class TaskCreatorComponent implements OnInit {
     attachmentDialogCancelled(): void;
     addedDocument(docs: CoDocument[]): Promise<void>;
     deletedDocument(doc: CoDocument): Promise<void>;
-    openEmailDialog(): void;
-    emailDialogClosed(): void;
-    emailDialogCancelled(): void;
     createRemarkClicked(): Promise<void>;
     createWorkClicked(): Promise<void>;
     createTaskClicked(): Promise<void>;

package/lib/enum/icon.enum.d.ts

@@ -45,12 +45,14 @@ export declare enum Icon {
     Lock = "lock",
     MessageSmsRegular = "message_sms_regular",
     MessageSmsSolid = "message_sms_solid",
+    MinusSimple = "minus_simple",
     Notification = "notification",
     PaperclipRegular = "paperclip_regular",
     PaperPlaneTopSolid = "paper_plane_top_solid",
     Pdf = "pdf",
     PersonDiggingRegular = "person_digging_regular",
     PinRoundOpen = "pin_round_open",
+    PlusSimple = "plus_simple",
     Print = "print",
     PrintRegular = "print_regular",
     PrintSolid = "print_solid",

package/lib/service/shared.service.d.ts

@@ -25,6 +25,7 @@ import { Remark } from "@colijnit/mainapi/build/model/remark.bo";
 import { DictionaryService } from "./dictionary.service";
 import { ActivityEmailHistory } from "@colijnit/mainapi/build/model/activity-email-history.bo";
 import { ActivityWorkflow } from "@colijnit/mainapi/build/model/activity-workflow";
+import { CoEmailAttachment } from "@colijnit/mainapi/build/model/co-email-attachment.bo";
 export declare class SharedService {
     protected readonly locale: LanguageCode;
     protected options: OptionsService;
@@ -60,7 +61,7 @@ export declare class SharedService {
     getRoleEmailAddressesByWorkflowCategoryAndKey(workflowCategory: string, key: string): Promise<RoleEmailaddress[]>;
     getEmailSenderByWorkflowCategoryAndKey(workflowCategory: string, key: string): Promise<string>;
     getDefaultEmailReportTemplatesForBranch(branchNr: string, reportType: ReportType): Promise<Report[]>;
-    emailViaTemplate(template: Report, emailTo: string, emailBcc: string, reply: string, subject?: string, message?: string, attachments?: string[], parameters?: object): Promise<boolean>;
+    emailViaTemplate(template: Report, emailTo: string, emailBcc: string, reply: string, subject?: string, message?: string, attachments?: CoEmailAttachment[], parameters?: object): Promise<boolean>;
     private _createEmailJob;
     insertEmailHistoryForRemark(remarkId: number, history: ActivityEmailHistory): Promise<boolean>;
     insertEmailHistoryForWork(remarkId: number, history: ActivityEmailHistory): Promise<boolean>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@colijnit/sharedcomponents",
-  "version": "255.1.14",
+  "version": "255.1.16",
   "private": false,
   "dependencies": {
     "chart.js": "4.3.0",
@@ -10,8 +10,8 @@
     "@angular/common": ">=12.2.0",
     "@angular/core": ">=12.2.0",
     "@colijnit/articleapi": ">=255.1.1",
-    "@colijnit/mainapi": ">=255.1.4",
-    "@colijnit/corecomponents_v12": ">=255.1.5",
+    "@colijnit/mainapi": ">=255.1.5",
+    "@colijnit/corecomponents_v12": ">=255.1.8",
     "@colijnit/ioneconnector": ">=255.1.1",
     "@colijnit/sharedapi": ">=1.0.20",
     "@colijnit/relationapi": ">=1.0.14",