@colijnit/transaction 12.1.105 → 12.1.106

package/lib/component/transaction/style/_layout.scss

@@ -21,7 +21,7 @@
       padding: $tp-transaction-transaction-lines-header-padding;
       flex-wrap: wrap-reverse;
       .transaction-lines-header-item {
-        flex-basis: 30%;
+        flex-basis: 33%;
         &.right {
           display: flex;
           column-gap: $tp-transaction-transaction-lines-header-column-gap;

package/lib/component/transaction/transaction.component.d.ts

@@ -64,4 +64,5 @@ export declare class TransactionComponent implements OnDestroy {
     private _hideArticleTextDialog;
     private _hideTransactionTextDialog;
     private _hideArticleTextOverviewDialog;
+    private updateSidePanelTransactionLine;
 }

package/lib/component/transaction-line-image-and-description/style/_layout.scss

@@ -24,6 +24,8 @@
       flex-basis: 100%;
       padding: $tp-transaction-line-image-and-description-description-inner-padding;
       overflow: hidden;
+      height: 100%;
+      justify-content: center;
       .description-wrapper {
         display: flex;
         flex-direction: row;

package/lib/component/transaction-line-purchase-receive-goods/style/_layout.scss

@@ -64,7 +64,7 @@
     .commit-button-wrapper {
       width: 100%;
       display: flex;
-      margin-top: 20px;
+      margin-top: 25px;
       margin-bottom: 40px;
       justify-content: center;
 

package/lib/component/transaction-line-purchase-receive-goods/style/_material-definition.scss

@@ -1,2 +1,2 @@
 $tp-co-transaction-line-receive-goods-title-font-size: 12px !default;
-$tp-co-transaction-line-receive-goods-title-margin: 0 0 10px 0 !default;
+$tp-co-transaction-line-receive-goods-title-margin: 0 0 10px 5px !default;

package/lib/component/transaction-line-side-panel/style/_layout.scss

@@ -21,23 +21,16 @@
 
     .transaction-line-side-panel-header {
       display: flex;
-      justify-content: space-between;
-      margin-top: $tp-transaction-line-side-panel-header-top-margin;
-      .transaction-line-side-panel-header-item {
-        display: flex;
-        flex-direction: column;
-        row-gap: 5px;
-        .side-panel-header-label {
-          font-family: $tp-transaction-line-side-panel-header-label-font-family;
-          font-size: $tp-transaction-line-side-panel-header-label-font-size;
-        }
+      column-gap: 15px;
+      margin: $tp-transaction-line-side-panel-header-margin;
+      align-items: center;
+      icon {
+        width: 20px;
+        height: 20px;
       }
-      .side-panel-header-divider {
-        display: flex;
-        border-style: solid;
-        border-width: 0 1px 0 0;
-        width: 1px;
-        margin: 5px;
+      span {
+        font-weight: 600;
+        font-size: 14px;
       }
     }
     .close-button {
@@ -46,11 +39,12 @@
       align-self: flex-end;
       width: 25px;
       height: 25px;
+      margin-top: 5px;
     }
     .transaction-line-side-panel-nav-bar {
       display: flex;
       justify-content: center;
-      padding: 20px;
+      padding: 25px;
     }
     .transaction-line-side-panel-content {
       display: flex;

package/lib/component/transaction-line-side-panel/style/_material-definition.scss

@@ -2,10 +2,10 @@ $tp-transaction-line-side-panel-font-family: $tp-font-family !default;
 $tp-transaction-line-side-panel-font-size: $tp-font-size !default;
 $tp-transaction-line-side-panel-top: 0 !default;
 $tp-transaction-line-side-panel-height: 100% !default;
-$tp-transaction-line-side-panel-width: 450px !default;
+$tp-transaction-line-side-panel-width: 500px !default;
 $tp-transaction-line-side-panel-box-shadow: -3px 0px 16px 1px rgb(0, 0, 0, 0.2) !default;
-$tp-transaction-line-side-panel-padding: 10px !default;
+$tp-transaction-line-side-panel-padding: 15px !default;
 $tp-transaction-line-side-panel-header-label-font-family: $tp-font-family !default;
 $tp-transaction-line-side-panel-header-label-font-size: $tp-font-size-small !default;
 $tp-transaction-line-side-panel-header-divider-color: $tp-color-border !default;
-$tp-transaction-line-side-panel-header-top-margin: 5px !default;
+$tp-transaction-line-side-panel-header-margin: 10px 0 0 5px !default;

package/lib/component/transaction-line-side-panel/transaction-line-side-panel.component.d.ts

@@ -1,4 +1,4 @@
-import { EventEmitter } from "@angular/core";
+import { EventEmitter, OnInit } from "@angular/core";
 import { TransactionLineInfo } from "@colijnit/transactionapi/build/model/transaction-line-info.bo";
 import { Icon } from "../../enum/icon.enum";
 import { IconCacheService } from "../../service/icon-cache.service";
@@ -7,10 +7,13 @@ import { TransactionTypeCategory } from "../../enum/transaction-type-category.en
 import { TransactionService } from "../../service/transaction.service";
 import { TransactionEventService } from "../../service/transaction-event.service";
 import { TransactionInfo } from "@colijnit/transactionapi/build/model/transaction-info.bo";
-export declare class TransactionLineSidePanelComponent {
+import { TransactionMappingService } from "../../service/transaction-mapping.service";
+import { TransactionBarButton } from "../../model/transaction-bar-button";
+export declare class TransactionLineSidePanelComponent implements OnInit {
     iconService: IconCacheService;
     private _service;
     private _transactionEventService;
+    private _transactionMappingService;
     readonly icons: typeof Icon;
     readonly categories: typeof TransactionTypeCategory;
     readonly transactionTypes: typeof TransactionKind;
@@ -18,6 +21,9 @@ export declare class TransactionLineSidePanelComponent {
     transactionInfo: TransactionInfo;
     activeCategory: TransactionTypeCategory;
     cancelClick: EventEmitter<MouseEvent>;
+    activeCategoryButton: TransactionBarButton;
     showClass(): boolean;
-    constructor(iconService: IconCacheService, _service: TransactionService, _transactionEventService: TransactionEventService);
+    constructor(iconService: IconCacheService, _service: TransactionService, _transactionEventService: TransactionEventService, _transactionMappingService: TransactionMappingService);
+    ngOnInit(): void;
+    updateActiveCategory(button: TransactionBarButton): void;
 }

package/lib/component/transaction-quick-access/transaction-quick-access-received-goods/style/_layout.scss

@@ -2,69 +2,50 @@
 
 @include export-module('cc-transaction-quick-access-received-goods-layout') {
   .co-transaction-quick-access-received-goods {
-    display: flex;
-    column-gap: 10px;
-    align-items: center;
 
-    .checkbox-wrapper {
-      margin-left: 10px;
-    }
-
-    .buttons {
+    .quick-access-wrapper {
       display: flex;
-      align-self: start;
-      margin-top: 2px;
+      column-gap: 10px;
+      align-items: center;
 
-      .receive {
-        display: flex;
-        flex-direction: column;
-        margin-right: 10px;
-        position: relative;
+      .checkbox-wrapper {
+        margin-left: 10px;
       }
 
-      .print {
+      .dots-wrapper {
         display: flex;
-        flex-direction: row;
-      }
-
-      .hidden {
-        visibility: hidden;
-      }
-    }
-
-    .dots-wrapper {
-      display: flex;
-      transform: scale(0.7);
-
-      .dot {
-        width: 8px;
-        height: 8px;
-        background-color: black;
-        border-radius: 16px;
-        transform: scale(0.3);
-      }
-    }
-
-    .button-wrapper {
-      background: $tp-default-background-accent;
-      border-radius: $tp-default-border-radius;
-      padding: 5px;
-      display: flex;
-      flex-direction: column;
-      align-items: center;
-      justify-content: center;
-      cursor: pointer;
-      width: 68px;
-      height: 46px;
-
-      .button-icon {
-        height: 20px;
-        width: 20px;
+        transform: scale(0.7);
+
+        .dot {
+          width: 8px;
+          height: 8px;
+          background-color: black;
+          border-radius: 16px;
+          transform: scale(0.3);
+        }
       }
 
-      span {
-        font-size: 10px;
-        margin-top: 3px;
+      .button-wrapper {
+        background: $tp-default-background-accent;
+        border-radius: $tp-default-border-radius;
+        padding: 5px;
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        justify-content: center;
+        cursor: pointer;
+        width: 68px;
+        height: 46px;
+
+        .button-icon {
+          height: 20px;
+          width: 20px;
+        }
+
+        span {
+          font-size: 10px;
+          margin-top: 3px;
+        }
       }
     }
   }

package/lib/component/transaction-quick-access/transaction-quick-access-received-goods/transaction-quick-access-received-goods.component.d.ts

@@ -1,3 +1,4 @@
+import { OnInit } from "@angular/core";
 import { Icon } from "../../../enum/icon.enum";
 import { EmailInvoiceRequest } from "@colijnit/transactionapi/build/model/email-invoice-request";
 import { PrintInvoiceRequest } from "@colijnit/transactionapi/build/model/print-invoice-request";
@@ -6,18 +7,17 @@ import { TransactionQuickAccessSendMethodBaseComponent } from "../transaction-qu
 import { ReportLayoutSelectionEmail } from "@colijnit/mainapi/build/model/report-layout-selection-email.bo";
 import { ReportLayoutSelectionPrint } from "@colijnit/mainapi/build/model/report-layout-selection-print.bo";
 import { ReportingDocumentPrintBaseRequest } from "@colijnit/mainapi/build/model/reporting-document-print-base-request";
-export declare class TransactionQuickAccessReceivedGoodsComponent extends TransactionQuickAccessSendMethodBaseComponent {
+export declare class TransactionQuickAccessReceivedGoodsComponent extends TransactionQuickAccessSendMethodBaseComponent implements OnInit {
     readonly icons: typeof Icon;
     reportDocumentEmailRequest: EmailInvoiceRequest;
     reportDocumentPrintRequest: PrintInvoiceRequest;
     reportDocumentPdfRequest: PdfInvoiceRequest;
-    showClass(): boolean;
     localCheckboxState: boolean;
-    awaitingResult: boolean;
-    resultSuccessful: boolean;
-    iconVisible: boolean;
     commitDate: Date;
     packingSlipNr: string;
+    hideQuickAccessContent: boolean;
+    showClass(): boolean;
+    ngOnInit(): void;
     handleCommitEvent(): Promise<void>;
     handleSelectAllLines(value: boolean): void;
     protected getDefaultEmailAddressList(): Promise<string[]>;

package/lib/res/dictionary/dictionaries.d.ts

@@ -16417,6 +16417,7 @@ export declare class Dictionaries {
         TRANSACTION_TYPE: string;
         TRANSACTION_TYPES: string;
         TRANSACTION_VERSION_MISMATCH: string;
+        TRANSACTION_VERSION_MISMATCH_ERROR: string;
         TRANSACTION_WAS_SUCCESSFULLY: string;
         TRANSFER: string;
         TRANSFERS: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@colijnit/transaction",
-  "version": "12.1.105",
+  "version": "12.1.106",
   "description": "Colijn IT transaction module for Angular 12",
   "repository": "npm/npm",
   "author": "Colijn IT",