@colijnit/sharedcomponents 300.1.14 → 300.1.16

package/index.d.ts

@@ -359,6 +359,7 @@ declare class SharedConnectorService {
     lockFormResponse(formResponseId: number): Promise<boolean>;
     unlockFormResponse(formResponseId: number): Promise<boolean>;
     getBranchesByWarehouseNumber(warehouseNo: number): Promise<RelationLight[]>;
+    getDefaultWarehouseForUserBranch(): Promise<number>;
     getUserGroups(): Promise<UserGroup[]>;
     getPresets(request: PresetSearchRequest): Promise<Preset[]>;
     savePreset(preset: Preset): Promise<boolean>;
@@ -398,6 +399,8 @@ declare class StockService {
     private _sharedService;
     stockStickers: PrintStockStickers;
     printLayoutParams: SendMethodParams;
+    commissionCodes: CoDomainValue[];
+    userDefaultWarehouseNo: number;
     constructor(_sharedService: SharedConnectorService);
     refreshStockInformation: EventEmitter<void>;
     getStockHistory(data: GetStockHistoryRequest): Promise<StockHistoryBo[]>;
@@ -406,6 +409,7 @@ declare class StockService {
     updateArticleDetails(data: ArticleDetailsBo): Promise<boolean>;
     getStockState(): Promise<StockStatus[]>;
     getArtStockStatus(goodId: number, branchNo?: string, requestedAmount?: number, warehouseId?: number): Promise<number>;
+    getCommissionCodes(): Promise<void>;
     getStockManagementWarehouses(): Promise<StockManagementWarehouses[]>;
     getStockManagementLocations(warehouseNo: number): Promise<StockLocation[]>;
     getArticleTransaction(data: ArticleTransaction): Promise<ArticleTransaction$1[]>;
@@ -414,6 +418,7 @@ declare class StockService {
     getArticleFlat(sku: string): Promise<ArticleFlat>;
     searchArticles(request: ArticleExtendedRequest): Promise<ArticleExtended[]>;
     getBranchesByWarehouseNumber(warehouseNo: number): Promise<RelationLight[]>;
+    getDefaultWarehouseForUserBranch(): Promise<void>;
     static ɵfac: i0.ɵɵFactoryDeclaration<StockService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<StockService>;
 }
@@ -796,6 +801,7 @@ declare class OrderTabComponent extends BaseStockComponent {
     updateData(): void;
     handleTransactionNavigation(transNr: string): void;
     getGridData(): void;
+    setCommissionCodeDescriptions(articleTransactions: ArticleTransaction$1[]): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<OrderTabComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<OrderTabComponent, "co-order-tab", never, { "warehouseNo": { "alias": "warehouseNo"; "required": false; }; "showStockTransfer": { "alias": "showStockTransfer"; "required": false; }; "allWarehouses": { "alias": "allWarehouses"; "required": false; }; "articleFlat": { "alias": "articleFlat"; "required": false; }; }, { "locationClicked": "locationClicked"; "transferIconClicked": "transferIconClicked"; "sendMethodDialogClicked": "sendMethodDialogClicked"; "handleStickerClicked": "handleStickerClicked"; "showStockTransferChange": "showStockTransferChange"; "handleTransactionClick": "handleTransactionClick"; }, never, never, false, never>;
 }
@@ -4788,6 +4794,7 @@ declare class RemarkActivityLeafComponent extends BaseActivityLeafComponent impl
     constructor(fileTypeImgPipe: FileTypeImagePipe, iconCacheService: IconCacheService, _sharedService: SharedService, _cfgService: BaseModuleScreenConfigService);
     ngOnInit(): Promise<void>;
     handleViewOrEditClick(event: MouseEvent): void;
+    get hasDocuments(): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<RemarkActivityLeafComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<RemarkActivityLeafComponent, "co-remark-activity-leaf", never, { "myCfgNames": { "alias": "myCfgNames"; "required": false; }; }, { "viewOrEditClick": "viewOrEditClick"; }, never, never, false, never>;
 }
@@ -4828,6 +4835,7 @@ declare class WorkActivityLeafComponent extends BaseActivityLeafComponent {
     showWorkedTime: boolean;
     constructor(fileTypeImgPipe: FileTypeImagePipe, _sharedService: SharedService, _cfgService: BaseModuleScreenConfigService, iconCacheService: IconCacheService);
     handleViewOrEditClick(event: MouseEvent): void;
+    get hasDocuments(): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<WorkActivityLeafComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<WorkActivityLeafComponent, "co-work-activity-leaf", never, { "myCfgNames": { "alias": "myCfgNames"; "required": false; }; }, { "viewOrEditClick": "viewOrEditClick"; }, never, never, false, never>;
 }

package/lib/components/stock/style/_layout.scss

@@ -32,8 +32,8 @@
         display: flex;
         gap: 5px;
         position: absolute;
-        top: -38px;
-        left: 200px;
+        top: -55px;
+        left: 225px;
       }
     }
 
@@ -120,7 +120,13 @@
       height: $sc-stock-info-container-height;
       position: relative;
     }
-
+    co-stock-tabs {
+      padding: $sc-stock-tabs-padding;
+      background: $sc-stock-tabs-background;
+      display: flex;
+      flex-direction: column;
+      gap: $sc-stock-tabs-gap;
+    }
     .stock-info {
       margin: $sc-stock-info-margin;
       padding: $sc-stock-info-padding;
@@ -134,6 +140,7 @@
 
     .stock-info-row {
       display: inline-flex;
+      min-width: $sc-stock-info-row-width;
     }
 
     .stock-info-row-image {
@@ -161,22 +168,12 @@
     .stock-status {
       display: grid;
       position: relative;
+      gap: 5px;
     }
 
-    .stock-info > div:not(:first-child) {
-      padding: 0 0 0 30px;
+    .stock-info > div {
+      padding: 0 20px;
       border-left: $sc-stock-border-left;
-
-      &:before {
-        content: '';
-        height: 30px;
-        width: 1px;
-        background: #DCE4EA;
-        position: absolute;
-        left: 0;
-        top: 50%;
-        transform: translateY(-50%);
-      }
     }
 
     .stock-line {
@@ -247,6 +244,9 @@
       min-width: 190px;
 
       .co-list-of-values {
+        &:before {
+          box-shadow: none;
+        }
         .co-input-text {
           height: 100%;
         }
@@ -575,8 +575,10 @@
     }
 
     .stock-label {
-      font-size: $sc-font-size-small;
+      font-size: $sc-font-size-xs;
       align-self: center;
+      color: #8083a3;
+      text-transform: uppercase;
     }
 
     .stock-span {
@@ -626,6 +628,7 @@
         .simple-grid-column-header-wrapper {
           .simple-grid-column-header-label {
             font-size: 10px;
+            padding: 15px;
           }
         }
 
@@ -656,7 +659,6 @@
       font-size: 10px;
 
       &:nth-child(odd) {
-        background: #f8f8fa;
 
         &:hover {
           background: #d2e3f9;
@@ -679,9 +681,9 @@
     }
 
     .simple-grid-column-cell-field {
-      border-width: 1px;
+      border-width: 1px 0 0;
       border-radius: 0;
-      padding: 5px 10px;
+      padding: 5px 15px;
       border-color: #DCE4EA;
       gap: 5px;
 

package/lib/components/stock/style/_material-definition.scss

@@ -1,8 +1,9 @@
-$sc-stock-info-margin: 4px 0 20px 0 !default;
-$sc-stock-info-padding: 15px 10px !default;
-$sc-stock-info-border-width: 4px 0 !default;
+$sc-stock-info-margin: 0 !default;
+$sc-stock-info-padding: 0 1px 15px 10px !default;
+$sc-stock-info-border-width: 0 !default;
 $sc-stock-info-border-color: #F4F4F9 !default;
 $sc-stock-gap: 10px !default;
+$sc-stock-info-row-width: 260px !default;
 $sc-stock-border-left: none !default;
 $sc-stock-line-margin: 10px 0 20px 0 !default;
 $sc-stock-line-font-weight: bold !default;
@@ -17,7 +18,7 @@ $sc-stock-grid-margin: 0 0 0 0 !default;
 $sc-stock-simple-grid-column-header-wrapper-border-bottom: 1px solid black !default;
 $sc-stock-info-container-max-width: 100% !default;
 $sc-stock-info-container-width: 100% !default;
-$sc-stock-info-container-padding: 40px 0 0 0 !default;
+$sc-stock-info-container-padding: 0 0 0 0 !default;
 $sc-stock-info-container-height: 100% !default;
 $sc-stock-image-height: 50px !default;
 $sc-stock-grid-height: 300px !default;
@@ -26,3 +27,6 @@ $sc-stock-info-width: 100% !default;
 $sc-stock-info-gap: 30px !default;
 $sc-stock-image-width: 20px !default;
 $sc-stock-transfer-column-width: 100% !default;
+$sc-stock-tabs-padding: 15px 30px !default;
+$sc-stock-tabs-background: #F8F8Fa !default;
+$sc-stock-tabs-gap: 20px !default;

package/lib/components/tab-bar/style/_layout.scss

@@ -6,9 +6,6 @@
     font-size: $sc-font-size;
     gap: $sc-tab-bar-gap;
     padding: $sc-tab-bar-padding;
-    position: absolute;
-    top: 10px;
-    left: 0;
     .co-button {
       margin: $sc-tab-bar-button-margin;
       padding: $sc-tab-bar-button-padding;
@@ -19,19 +16,21 @@
       user-select: none;
       font-size: $sc-font-size;
       font-family: $sc-font-family;
-      border-bottom: 2px solid transparent;
+      height: auto;
       span {
         font-size: $sc-font-size;
         text-align: center;
-        font-weight: bold;
+        font-weight: 500;
         color: $sc-color-font;
+        text-transform: uppercase;
       }
       &:hover {
         filter: brightness(100%);
       }
       &.active {
+        background-color: #212437;
         span {
-          color: #1A73E8;
+          color: #FFFFFF;
         }
       }
     }
@@ -40,15 +39,19 @@
   .tab-bar {
     display: flex;
     justify-content: center;
-    align-items: center;
+    align-items: flex-start;
     flex-direction: column;
     gap: 10px;
   }
 
   .tab-bar-wrapper {
-    display: grid;
-    grid-template-columns: 15% 70% 15%;
-    margin: 5px 0;
+    display: flex;
+    gap: 5px;
+    justify-content: space-between;
+    margin: $sc-tab-bar-wrapper-margin;
+    padding: $sc-tab-bar-wrapper-padding;
+    width: 100%;
+    border-bottom: 2px solid #FFF;
   }
 
   .secondary-tab-bar {
@@ -60,7 +63,7 @@
     padding: $sc-tab-bar-padding;
     .co-button {
       margin: $sc-tab-bar-button-margin;
-      padding: $sc-tab-bar-button-padding;
+      padding: 0;
       border-radius: $sc-tab-bar-border-radius;
       border: none;
       background-color: transparent;
@@ -68,17 +71,21 @@
       user-select: none;
       font-size: $sc-font-size;
       font-family: $sc-font-family;
-      border-bottom: 2px solid transparent;
+      height: auto;
       span {
         font-size: $sc-font-size;
         text-align: center;
-        font-weight: bold;
+        text-transform: uppercase;
+        font-weight: 500;
         color: $sc-color-font;
+        padding: $sc-tab-bar-button-padding;
       }
 
       &.active {
-        background-color: white;
-        border-bottom: 2px solid #1A73E8;
+        background-color: #212437;
+        span {
+          color: #FFF;
+        }
       }
     }
   }

package/lib/components/tab-bar/style/_material-definition.scss

@@ -1,6 +1,8 @@
-$sc-tab-bar-border-radius: 0 !default;
+$sc-tab-bar-border-radius: 10px !default;
 $sc-tab-bar-background-color: transparent !default;
 $sc-tab-bar-gap: 25px !default;
 $sc-tab-bar-padding: 0 !default;
-$sc-tab-bar-button-padding: 5px 0 9px 0 !default;
+$sc-tab-bar-button-padding: 5px 10px !default;
 $sc-tab-bar-button-margin: 0 !default;
+$sc-tab-bar-wrapper-margin:  5px 0 15px 0 !default;
+$sc-tab-bar-wrapper-padding:  0 0 15px 0 !default;

package/lib/components/timeline/style/_layout.scss

@@ -42,6 +42,7 @@
       box-shadow: $timeline-item-wrapper-box-shadow;
       background-color: $timeline-item-wrapper-background;
       min-width: $timeline-item-wrapper-min-width;
+      min-height: $timeline-item-wrapper-min-height;
       width: fit-content;
     }
     .timeline-item {

package/lib/components/timeline/style/_material-definition.scss

@@ -15,6 +15,7 @@ $timeline-item-wrapper-padding: 10px !default;
 $timeline-item-wrapper-box-shadow: 0 3px 5px 1px #0000001a !default;
 $timeline-item-wrapper-background: #FFFFFF !default;
 $timeline-item-wrapper-min-width: 50% !default;
+$timeline-item-wrapper-min-height: 60px !default;
 $timeline-item-gap: 15px !default;
 $timeline-item-date-font-size: 9px !default;
 $timeline-item-date-gap: 15px !default;

package/lib/style/_variables.scss

@@ -5,6 +5,7 @@ $sc-font-family-digital: 'digital-7regular' !default;
 //$sc-font-size: 10px !default;
 $sc-font-size: 12px !default;
 $sc-font-size-small: 10px !default;
+$sc-font-size-xs: 8px !default;
 
 $sc-color-font: #171721 !default;
 $sc-color-border: #DCE4EA !default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@colijnit/sharedcomponents",
-  "version": "300.1.14",
+  "version": "300.1.16",
   "private": false,
   "dependencies": {
     "chart.js": "4.3.0",

package/prerendered-routes.json

@@ -0,0 +1,3 @@
+{
+  "routes": {}
+}