npm - @colijnit/sharedcomponents - Versions diffs - 255.1.13 → 255.1.15 - Mend

@colijnit/sharedcomponents 255.1.13 → 255.1.15

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (35) hide show

package/index.html CHANGED Viewed

@@ -4,9 +4,9 @@
   <base href="/">
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <link rel="icon" type="image/x-icon" href="favicon.ico">
-<style>@charset "UTF-8";@import url(https://fonts.googleapis.com/css2?family=Public+Sans:wght@100;200;300;400;500;600;800;900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;800;900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Public+Sans&display=swap);body,html{margin:0;overflow:hidden}body,html{width:100%;height:100%}*{box-sizing:border-box;padding:0;margin:0}</style><link rel="stylesheet" href="styles.8fce26887e7ff9657567.css" media="print" onload="this.media='all'"><noscript><link rel="stylesheet" href="styles.8fce26887e7ff9657567.css"></noscript></head>
+<style>@charset "UTF-8";@import url(https://fonts.googleapis.com/css2?family=Public+Sans:wght@100;200;300;400;500;600;800;900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;800;900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Public+Sans&display=swap);body,html{margin:0;overflow:hidden}body,html{width:100%;height:100%}*{box-sizing:border-box;padding:0;margin:0}</style><link rel="stylesheet" href="styles.148f8e42f62a8231d70c.css" media="print" onload="this.media='all'"><noscript><link rel="stylesheet" href="styles.148f8e42f62a8231d70c.css"></noscript></head>
 <body>
   <app-root></app-root>
-<script src="runtime.8aac21847ed3d3829cca.js" defer></script><script src="polyfills.907fe9d1887c5de17993.js" defer></script><script src="main.e4088c92fb309d6af37a.js" defer></script>
+<script src="runtime.8aac21847ed3d3829cca.js" defer></script><script src="polyfills.907fe9d1887c5de17993.js" defer></script><script src="main.a44fb262c84ddaedcaa8.js" defer></script>
 </body></html>

package/lib/components/activity-overview-component/style/_layout.scss CHANGED Viewed

@@ -27,8 +27,8 @@
         font-size: 12px;
         padding: 4px 15px;
         border-radius: 5px;
-        background: #5FDCB399;
-        border: 1px solid #5FDCB3;
+        background: #D0A46B99;
+        border: 1px solid #D0A46B;
         white-space: nowrap;
         color: #FFF;
       }
@@ -86,47 +86,47 @@
         align-items: center;
       }
     }
-    .button-trigger {
-      background-color: #FFFFFF;
-      border: 1px solid #5FDCB3;
-      height: auto;
-      padding: 5px 15px;
-      cursor: pointer;
-      margin-right: auto;
-      &:after {
-        display: none;
-      }
-      span {
-        font-size: 10px;
-        color: #5FDCB3;
-        font-weight: bold;
-      }
-    }
-    .button-trigger-icon {
-      background-color: #FFFFFF;
-      border: 1px solid #5FDCB3;
-      height: auto;
-      padding: 5px 15px;
-      cursor: pointer;
-      margin-right: auto;
-      span {
-        font-size: 10px;
-        color: #5FDCB3;
-        font-weight: bold;
-      }
-      .co-icon {
-        height: 10px;
-        svg [fill] {
-          fill: #5FDCB3;
+    .activity-buttons {
+      display: flex;
+      gap: 5px;
+      flex-wrap: wrap;
+      .button-trigger {
+        background-color: #FFFFFF;
+        border: 1px solid #D0A46B;
+        height: auto;
+        padding: 5px 15px;
+        cursor: pointer;
+        &:after {
+          display: none;
+        }
+        span {
+          font-size: 10px;
+          color: #D0A46B;
+          font-weight: bold;
         }
       }
-      &:after {
-        display: none;
+      .button-trigger-icon {
+        background-color: #FFFFFF;
+        border: 1px solid #D0A46B;
+        height: auto;
+        padding: 5px 15px;
+        cursor: pointer;
+        span {
+          font-size: 10px;
+          color: #D0A46B;
+          font-weight: bold;
+        }
+        .co-icon {
+          height: 10px;
+          svg [fill] {
+            fill: #5FDCB3;
+          }
+        }
+        &:after {
+          display: none;
+        }
       }
     }
     .date-divider {
       margin: 0 5px;
       font-weight: bold;
@@ -148,6 +148,30 @@
       background: #FAFAFA;
       color:  #171721;
     }
+    .overview-task-wrapper {
+      .button-trigger {
+        background: #5FDCB399;
+        border: 1px solid #5FDCB3;
+        height: auto;
+        padding: 5px 15px;
+        cursor: pointer;
+        margin-right: auto;
+        color: #FFF;
+      }
+      .button-trigger-icon {
+        background: #5FDCB399;
+        border: 1px solid #5FDCB3;
+        height: auto;
+        padding: 5px 15px;
+        cursor: pointer;
+        margin-right: auto;
+        color: #FFF;
+      }
+      .task-box {
+        display: flex;
+        flex-direction: column;
+      }
+    }
   }
 }

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

@@ -0,0 +1,33 @@
+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";
+export declare class EmailSelectorComponent implements OnInit {
+    iconService: IconCacheService;
+    sharedService: SharedService;
+    readonly icons: typeof Icon;
+    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;
+}

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

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

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

@@ -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 ADDED Viewed

@@ -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 ADDED Viewed

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

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

@@ -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 CHANGED Viewed

@@ -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,9 @@ 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;
 }

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

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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",