ca-components 2.1.1431 → 2.1.1532

package/lib/components/ca-chart/ca-chart.component.ts

@@ -10,7 +10,7 @@ import {
     EventEmitter,
 } from '@angular/core';
 import { CommonModule } from '@angular/common';
-import { AnyObject } from 'chart.js/dist/types/basic';
+import { AnyObject } from 'node_modules/chart.js/dist/types/basic';
 import { AngularSvgIconModule } from 'angular-svg-icon';
 import { Subject, takeUntil } from 'rxjs';
 
@@ -54,7 +54,7 @@ import {
     IChartCenterLabel,
     IChartLegendConfig,
 } from './models';
-import { ActiveElement } from 'chart.js/dist/plugins/plugin.tooltip';
+import { ActiveElement } from 'node_modules/chart.js/dist/plugins/plugin.tooltip';
 
 //Services
 import { ChartManagerService } from '../ca-chart-manager/services';
@@ -64,7 +64,7 @@ import { ChartConstants } from './utils/constants';
 import {
     _DeepPartialArray,
     _DeepPartialObject,
-} from 'chart.js/dist/types/utils';
+} from 'node_modules/chart.js/dist/types/utils';
 
 // Pipes
 import { ThousandSeparatorPipe, UnitPositionPipe } from '../../pipes';

package/lib/components/ca-chart/models/index.ts

@@ -7,4 +7,4 @@ export * from './chart-dataset-hover.model';
 export * from './chart-center-label.model';
 export * from './chart-legend-property.model';
 export * from './chart-legend-config.model';
-export * from './chart-boundaries.model';
+export * from './chart-boundaries.model';

package/lib/components/ca-checkbox/ca-checkbox.component.scss

@@ -24,13 +24,26 @@
 
     /* Checkbox input container */
     .ca-checkbox-input-container {
-        transition: transform 0.3s ease-in-out;
+        transition: transform 100ms cubic-bezier(0.46, 0.03, 0.51, 0.95);
     }
 
     &:not(.disabled):not(.disabled-blue):not(.disabled-regular-check) {
         .ca-checkbox-input-container:hover {
-            transform: scale(1.2);
+            transform: scale(1.2857);
             transform-origin: center;
+
+            .ca-mark-checked-icon {
+                transform: scale(calc(1 / 1.2857));
+            }
+        }
+
+        .ca-checkbox-input-container:active {
+            transform: scale(1.2857);
+            transform-origin: center;
+
+            .ca-mark-checked-icon {
+                transform: scale(calc(1 / 1.2857));
+            }
         }
     }
 
@@ -42,7 +55,13 @@
         border-radius: 2px;
         cursor: pointer;
 
-        transition: background-color 100ms cubic-bezier(0.46, 0.03, 0.51, 0.95);
+        transition: 
+            background-color 100ms cubic-bezier(0.46, 0.03, 0.51, 0.95),
+            transform 100ms cubic-bezier(0.46, 0.03, 0.51, 0.95);
+
+        &-checked-icon {
+            transition: transform 100ms cubic-bezier(0.46, 0.03, 0.51, 0.95);
+        }
 
         &.invalid {
             background-color: $ta-red-3 !important;
@@ -69,6 +88,10 @@
         background-color: $ta-blue-9 !important;
     }
 
+    &:active .ca-checkbox:checked ~ .ca-mark,
+    .ca-checkbox-input-container:active .ca-checkbox:checked ~ .ca-mark {
+        background-color: $grey-4 !important;
+    }
 
     &:hover .ca-checkbox ~ .ca-checkbox-label {
         color: $ta-black;

package/lib/components/ca-checkbox-selected-count/ca-checkbox-selected-count.component.scss

@@ -1,7 +1,7 @@
 @import 'scss/styles.scss';
 
 .checkbox-selected-count {
-    transition: transform $transitionDuration;
+    transition: transform 100ms cubic-bezier(0.46, 0.03, 0.51, 0.95);
     position: relative;
 
     &:hover:not(.disabled) {

package/lib/components/ca-period-content/models/index.ts

@@ -30,3 +30,5 @@ export * from './payroll-payment-response';
 export * from './payroll-payments-minimal-response';
 export * from './payroll-period-input.type';
 export * from './per-mile-model';
+export * from './payroll-report.type';
+export { PayrollReportTableResponse } from './payroll-report-tables.type';

package/lib/components/ca-pickup-delivery-block/ca-pickup-delivery-block.component.html

@@ -152,6 +152,7 @@
             [focusedTab]="loadType"
             [loads]="loads"
             [columnWidth]="_columnWidth"
+            [isAllDispatchBoardsSelected]="isAllDispatchBoardsSelected"
             (dropdownMenuAction)="onDropdownMenuAction($event)"
         ></app-ca-load>
     </ng-template>

package/lib/components/ca-pickup-delivery-block/ca-pickup-delivery-block.component.ts

@@ -60,6 +60,7 @@ export class PickupDeliveryBlockComponent implements OnInit {
     @Input() dispatchResponse!: DispatchResponse | null;
     @Input() isHoveringRow!: boolean;
     @Input() isDisabled: boolean = false;
+    @Input() isAllDispatchBoardsSelected: boolean = true;
 
     @Output() dropdownMenuAction: EventEmitter<IDropdownMenuOptionEmit> =
         new EventEmitter<IDropdownMenuOptionEmit>();

package/lib/components/ca-pickup-delivery-block/components/ca-load/ca-load.component.html

@@ -89,6 +89,9 @@
                                 <app-ca-load-single
                                     [status]="focusedTab"
                                     [activeLoad]="activeLoad"
+                                    [isAllDispatchBoardsSelected]="
+                                        isAllDispatchBoardsSelected
+                                    "
                                     (dropdownMenuAction)="
                                         onDropdownMenuAction($event)
                                     "
@@ -108,6 +111,9 @@
                                     [loads]="pendingLoads"
                                     [isFocusingLoad]="returnButtonVisible"
                                     [focusedTab]="StatusTypeEnum.PENDING"
+                                    [isAllDispatchBoardsSelected]="
+                                        isAllDispatchBoardsSelected
+                                    "
                                     (dropdownMenuAction)="
                                         onDropdownMenuAction($event)
                                     "

package/lib/components/ca-pickup-delivery-block/components/ca-load/ca-load.component.ts

@@ -53,6 +53,7 @@ export class LoadComponent {
     @Input() focusedTab!: StatusTypeEnum;
     @Input() loads!: DispatchGroupedLoadsResponse | null;
     @Input() columnWidth!: number | null;
+    @Input() isAllDispatchBoardsSelected: boolean = true;
 
     @Output() dropdownMenuAction: EventEmitter<IDropdownMenuOptionEmit> =
         new EventEmitter<IDropdownMenuOptionEmit>();

package/lib/components/ca-pickup-delivery-block/components/ca-load/components/ca-load-list/ca-load-list.component.ts

@@ -57,6 +57,7 @@ export class LoadListComponent {
     @Input() loads!: Array<LoadShortResponse>;
     @Input() focusedTab!: StatusTypeEnum;
     @Input() isFocusingLoad: boolean = false;
+    @Input() isAllDispatchBoardsSelected: boolean = true;
 
     @Output() focusLoadEmitter = new EventEmitter<boolean>();
 
@@ -77,7 +78,8 @@ export class LoadListComponent {
 
         this.dropdownOptions =
             DropdownMenuContentHelper.getPickupDeliveryDropdownContent(
-                this.focusedTab
+                this.focusedTab,
+                this.isAllDispatchBoardsSelected
             );
     }
 

package/lib/components/ca-pickup-delivery-block/components/ca-load/components/ca-load-single/ca-load-single.component.ts

@@ -56,6 +56,7 @@ import {
 export class ActiveLoadComponent {
     @Input() activeLoad!: Array<LoadShortResponse>;
     @Input() status!: StatusTypeEnum;
+    @Input() isAllDispatchBoardsSelected: boolean = true;
 
     @Output() dropdownMenuAction: EventEmitter<IDropdownMenuOptionEmit> =
         new EventEmitter<IDropdownMenuOptionEmit>();
@@ -76,7 +77,8 @@ export class ActiveLoadComponent {
     private setDropdownOptions(): void {
         this.dropdownOptions =
             DropdownMenuContentHelper.getPickupDeliveryDropdownContent(
-                this.status
+                this.status,
+                this.isAllDispatchBoardsSelected
             );
     }
 

package/lib/models/dashboard/dropdown-list-item.model.ts

@@ -1,4 +1,4 @@
 export interface DropdownListItem {
     id?: number;
     name?: string | null;
-}
+}

package/lib/models/index.ts

@@ -6,3 +6,5 @@ export * from './load-status-history-response.model';
 export * from '../interfaces/user/user-avatar-file.interface';
 export * from '../interfaces/user/company-user.interface';
 export * from '../interfaces/user/user.interface';
+export * from './autocomplete-search-layer.model';
+export * from './dashboard/dropdown-list-item.model';

package/lib/utils/helpers/dropdown-menu-content-conditional-items.helper.ts

@@ -42,16 +42,24 @@ export class DropdownMenuContentConditionalItemsHelper {
     // modifier items
     // dispatchboard - pickup delivery component
     static getPickupDeliveryModifierItems(
-        loadStatus: string
+        loadStatus: string,
+        isAllDispatchBoardsSelected: boolean
     ): Partial<IDropdownMenuItem>[] {
         return [
             {
                 title: eDropdownMenu.EDIT,
                 hasBorder: loadStatus !== StatusTypeEnum.PENDING,
+                isDisabled: isAllDispatchBoardsSelected,
+            },
+            {
+                title: eDropdownMenu.UNASSIGN,
+                isDisabled: isAllDispatchBoardsSelected,
             },
             {
                 title: eDropdownMenu.DELETE,
-                isDisabled: loadStatus !== StatusTypeEnum.PENDING,
+                isDisabled:
+                    isAllDispatchBoardsSelected ||
+                    loadStatus !== StatusTypeEnum.PENDING,
             },
         ];
     }

package/lib/utils/helpers/dropdown-menu-content.helper.ts

@@ -33,11 +33,13 @@ export class DropdownMenuContentHelper {
 
     // dispatchboard - pickup delivery component
     static getPickupDeliveryDropdownContent(
-        loadStatus: string
+        loadStatus: string,
+        isAllDispatchBoardsSelected: boolean
     ): IDropdownMenuItem[] {
         const modifierItems =
             DropdownMenuContentConditionalItemsHelper.getPickupDeliveryModifierItems(
-                loadStatus
+                loadStatus,
+                isAllDispatchBoardsSelected
             );
 
         const sharedItems =
@@ -51,7 +53,8 @@ export class DropdownMenuContentHelper {
             const conditionalItems =
                 DropdownMenuContentConditionalItemsHelper.getConditionalItems(
                     [eDropdownMenu.UNASSIGN],
-                    false
+                    false,
+                    modifierItems
                 );
 
             return [

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ca-components",
-  "version": "2.1.1431",
+  "version": "2.1.1532",
   "peerDependencies": {
     "@angular/common": "^20.3.16",
     "@angular/core": "^20.3.16",