carriera-intern-components 0.0.96 → 0.0.98

package/app/{directives → components/input/directives}/number-format.directive.d.ts

@@ -7,6 +7,10 @@ export declare class NumberFormatDirective implements OnInit {
      * Defaults to true, meaning formatting is active by default.
      */
     appNumberFormat: import("@angular/core").InputSignal<boolean>;
+    /**
+     *
+     */
+    max: import("@angular/core").InputSignal<number | undefined>;
     /**
      * Stores the unformatted, "real" numeric value of the input.
      * This is the value that should be used for calculations or form submissions,
@@ -101,5 +105,5 @@ export declare class NumberFormatDirective implements OnInit {
      */
     setRealValue(value: string): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<NumberFormatDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<NumberFormatDirective, "[appNumberFormat]", never, { "appNumberFormat": { "alias": "appNumberFormat"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<NumberFormatDirective, "[appNumberFormat]", never, { "appNumberFormat": { "alias": "appNumberFormat"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

package/app/components/input/input.component.d.ts

@@ -1,11 +1,10 @@
 import { ElementRef } from '@angular/core';
 import { ControlValueAccessor, NgControl } from '@angular/forms';
-import { PasswordDirective } from '../../directives/password.directive';
-import { NumberFormatDirective } from '../../directives/number-format.directive';
+import { PasswordDirective } from './directives/password.directive';
+import { NumberFormatDirective } from './directives/number-format.directive';
 import { MaskDirective } from './directives/mask.directive';
 import { NgbPopover } from '@ng-bootstrap/ng-bootstrap';
-import { Bank, Broker, CaiInputConfig, Contact, DepartmentContactsPair, DropdownOption, LabelColor, LabelOption, Shipper } from './models/input.model';
-import { Dispatch, DispatchBoard } from './models';
+import { Bank, Broker, CaiInputConfig, Contact, Dispatcher, DropdownOption, LabelColor, LabelOption, Shipper, Dispatch, DropdownArrays, DropdownOptions, TruckType, TrailerType } from './models';
 import * as i0 from "@angular/core";
 /**
  * This component is a generic input component that can be used to create various types of inputs.
@@ -28,17 +27,19 @@ export declare class InputComponent implements ControlValueAccessor {
       - `reveal`: For password inputs, the number of characters to reveal from the end.
       - `icon`: Name of an icon to display (e.g., `'cai-email'`).
       - `iconColor`: Color of the displayed icon (e.g., `'#FF0000'`).
-      - `dropdown`: If `true`, the input is associated with a dropdown menu, can also have `'dispatch'`, `'ftl-dispatch'`, `'broker'`, `'contact'`, `'shipper'` or `'label'` variants.
-      - `options`: An array of options for the dropdown can be of type `DropdownOption[]` | `LabelOption[]` | `DispatchBoard[]` | `Broker[]` | `DepartmentContactsPair[]` | `Shipper[]` | `Bank[]`.
+      - `dropdown`: If `true`, the input is associated with a dropdown menu, can also have `'dispatch'`, `'ftl-dispatch'`, `'broker'`, `'contact'`, `'shipper'`, `'dispatcher'` or `'label'` variants.
+      - `options`: An array of options for the dropdown can be of type `DropdownOption[]` | `LabelOption[]` | `DispatchBoard[]` | `Broker[]` | `DepartmentContactsPair[]` | `Shipper[]` | `Bank[]` | `Dispatcher[]`.
       - `labelColors`: An array of label colors for the label picker.
       - `search`: Enables search within the dropdown.
       - `add`: Enables 'add new' functionality in the dropdown.
       - `placeholderBehavior`: Defines placeholder animation (`'dynamic'` , `'fade'`, `'static'`).
+      - `errorBehavior`: Defines error animation (`'static'`, `'dynamic'`, `'floating'`).
       - `label`: An `aria-label` for accessibility.
-      - `list`: If `true`, the input is associated with a list.
+      - `list`: If `true`, the input has no validation, no background and no separators for icons
       - `mask`: A pattern string for input masking (e.g., `'(000) 000-0000'`).
       - `min`: Minimum value for number inputs.
-      - `max`: Maximum value for number inputs or maximum length for text inputs.
+      - `max`: Maximum value for number inputs (e.g., `999` meaning 3 characters) or maximum length for text inputs in characters.
+      - `textTransform`: Text transformation for text inputs (`'capitalize'`, `'uppercase'`, `'lowercase'`).
       - `step`: Step value for number inputs. Can also be `automatic` for automatic step calculation.
       - `withButtons`: If `true`, adds increment/decrement buttons for number inputs.
       - `autocomplete`: The HTML `autocomplete` attribute.
@@ -47,12 +48,13 @@ export declare class InputComponent implements ControlValueAccessor {
       - `optionValue`: The key of the option to use in the formControl for the selected option in the dropdown.
       - `optionLabel`: The key of the option to use as the label in the dropdown.
       - `subContent`: An optional slot for additional content to be displayed next to the content the user is entering. (ex. lbs, months, etc.)
+      - `removable`: If `true`, displays `cai-delete` icon over clear button.
      */
     config: import("@angular/core").InputSignal<CaiInputConfig>;
     /**
      * Input property to hold the dropdown options.
      */
-    options: import("@angular/core").InputSignal<DropdownOption[] | LabelOption[] | Broker[] | DispatchBoard[] | DepartmentContactsPair[] | Shipper[] | Dispatch[] | Bank[]>;
+    options: import("@angular/core").InputSignal<DropdownArrays>;
     /**
      * Input property to hold the label colors for the label picker.
      */
@@ -72,19 +74,15 @@ export declare class InputComponent implements ControlValueAccessor {
     /**
      * A signal that holds the locally added options.
      */
-    localOptions: import("@angular/core").WritableSignal<DropdownOption[] | LabelOption[] | Broker[] | DispatchBoard[] | DepartmentContactsPair[] | Shipper[] | Dispatch[] | Bank[]>;
+    localOptions: import("@angular/core").WritableSignal<DropdownArrays>;
     /**
      * A signal that holds the currently selected option from the dropdown.
      */
-    selectedOption: import("@angular/core").WritableSignal<DropdownOption | null>;
+    selectedOption: import("@angular/core").WritableSignal<DropdownOptions | null>;
     /**
      * A signal that indicates whether a new option is being added.
      */
     isAdding: import("@angular/core").WritableSignal<boolean>;
-    /**
-     * A signal that holds the currently selected label from the label picker.
-     */
-    selectedLabel: import("@angular/core").WritableSignal<LabelOption | null>;
     /**
      * A signal that holds the currently selected color from the label picker.
      */
@@ -93,24 +91,7 @@ export declare class InputComponent implements ControlValueAccessor {
     /**
      * A signal that holds the currently selected dispatch board from the dispatch board picker.
      */
-    selectedDispatch: import("@angular/core").WritableSignal<Dispatch | null>;
     foldedBoards: import("@angular/core").WritableSignal<number[]>;
-    /**
-     * A signal that holds the currently selected broker from the broker picker.
-     */
-    selectedBroker: import("@angular/core").WritableSignal<Broker | null>;
-    /**
-     * A signal that holds the currently selected contact from the contact picker.
-     */
-    selectedContact: import("@angular/core").WritableSignal<Contact | null>;
-    /**
-     * A signal that holds the currently selected shipper from the shipper picker.
-     */
-    selectedShipper: import("@angular/core").WritableSignal<Shipper | null>;
-    /**
-     * A signal that holds the currently selected bank from the bank picker.
-     */
-    selectedBank: import("@angular/core").WritableSignal<Bank | null>;
     /**
      * A computed signal that indicates whether the placeholder selected option should be shown.
      */
@@ -119,7 +100,7 @@ export declare class InputComponent implements ControlValueAccessor {
      * A computed signal that dynamically calculates the step value for number inputs.
      */
     step: import("@angular/core").Signal<number>;
-    combinedOptions: import("@angular/core").Signal<DropdownOption[] | LabelOption[] | Broker[] | DispatchBoard[] | DepartmentContactsPair[] | Shipper[] | Dispatch[] | Bank[]>;
+    combinedOptions: import("@angular/core").Signal<DropdownArrays>;
     dispatchCount: import("@angular/core").Signal<number>;
     /**
      * An output signal that emits the value of the added option.
@@ -133,6 +114,10 @@ export declare class InputComponent implements ControlValueAccessor {
      * An output signal that emits the `optionValue` or `id` of the changed dropdown option.
      */
     onSelectionChange: import("@angular/core").OutputEmitterRef<any>;
+    /**
+     * An output signal that emits when the user clicks on the "CLEAR" button.
+     */
+    onClear: import("@angular/core").OutputEmitterRef<void>;
     inputRef: ElementRef<HTMLInputElement>;
     dropdown: NgbPopover;
     PasswordDirective: PasswordDirective;
@@ -146,12 +131,18 @@ export declare class InputComponent implements ControlValueAccessor {
     contactRef: any;
     shipperRef: any;
     bankRef: any;
+    dispatcherRef: any;
+    truckRef: any;
+    trailerRef: any;
     selectedDispatchRef: any;
     selectedLabelRef: any;
     selectedBrokerRef: any;
     selectedContactRef: any;
     selectedShipperRef: any;
     selectedBankRef: any;
+    selectedDispatcherRef: any;
+    selectedTruckRef: any;
+    selectedTrailerRef: any;
     /**
      * Constructor for the InputComponent.
      * It injects NgControl to integrate with Angular's forms API.
@@ -241,7 +232,7 @@ export declare class InputComponent implements ControlValueAccessor {
      * @param option - The selected option.
      * @param event - The MouseEvent that initiated the selection action.
      */
-    handleOption(option: DropdownOption | LabelOption | Dispatch | Broker | Contact | Bank | Shipper): void;
+    handleOption(option: DropdownOptions): void;
     /**
      * Adds a new option to the dropdown.
      * @param option - The option to add.
@@ -259,6 +250,16 @@ export declare class InputComponent implements ControlValueAccessor {
         activePercentageOfPaid: number;
         status: string | null;
     };
+    castAsDispatch(value: unknown): Dispatch | null;
+    castAsLabelOption(value: unknown): LabelOption | null;
+    castAsBroker(value: unknown): Broker | null;
+    castAsContact(value: unknown): Contact | null;
+    castAsShipper(value: unknown): Shipper | null;
+    castAsBank(value: unknown): Bank | null;
+    castAsDispatcher(value: unknown): Dispatcher | null;
+    castAsDropdownOption(value: unknown): DropdownOption | null;
+    castAsTruckOption(value: unknown): TruckType | null;
+    castAsTrailerOption(value: unknown): TrailerType | null;
     static ɵfac: i0.ɵɵFactoryDeclaration<InputComponent, [{ optional: true; self: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<InputComponent, "cai-input", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "config": { "alias": "config"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; "labelColors": { "alias": "labelColors"; "required": false; "isSignal": true; }; }, { "onOptionAdded": "onOptionAdded"; "onAdd": "onAdd"; "onSelectionChange": "onSelectionChange"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<InputComponent, "cai-input", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "config": { "alias": "config"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; "labelColors": { "alias": "labelColors"; "required": false; "isSignal": true; }; }, { "onOptionAdded": "onOptionAdded"; "onAdd": "onAdd"; "onSelectionChange": "onSelectionChange"; "onClear": "onClear"; }, never, never, true, never>;
 }

package/app/components/input/models/dropdown.model.d.ts

@@ -0,0 +1,194 @@
+import { AvatarColor, AvatarFile } from '../../avatar/models';
+export type DropdownOption = {
+    id?: number;
+    [key: string]: any;
+};
+export type Dispatch = {
+    id: number;
+    dispatchBoardId: number;
+    dispatcherId: number;
+    truck: Truck;
+    trailer?: Trailer | null;
+    driver: Driver;
+    coDriver?: Driver | null;
+    payType: string;
+    status?: Status | null;
+    currentLocationCoordinates?: {
+        latitude: number;
+        longitude: number;
+    };
+};
+export type DispatchBoard = {
+    teamBoard: boolean;
+    id: number;
+    dispatcher: string | null;
+    count: number;
+    dispatches: Dispatch[];
+};
+export type Driver = {
+    id: number;
+    firstName: string;
+    lastName: string;
+    owner?: boolean | null;
+    avatarFile?: AvatarFile | null;
+    colorFlag?: AvatarColor | null;
+    status?: number;
+    address: string | null;
+    payType: {
+        name: string;
+        id: number;
+    };
+    [key: string]: any;
+};
+export type Truck = {
+    id: number;
+    truckNumber: string;
+    status: number;
+    owner: string;
+    color: TruckColor;
+    truckType: TruckType;
+    truckMakeName?: string | null;
+    model?: string | null;
+    year: number;
+};
+export type TruckColor = {
+    id: number;
+    companyId?: number | null;
+    name: string;
+    code: string;
+};
+export type TruckType = {
+    id: number;
+    companyId?: number | null;
+    name: string;
+    logoName: string;
+};
+export type Trailer = {
+    id: number;
+    trailerNumber: string;
+    status: number;
+    owner: string | null;
+    trailerType: TrailerType;
+    trailerMakeName?: string | null;
+    model?: string | null;
+    year: number;
+};
+export type TrailerType = {
+    id: number;
+    companyId?: number | null;
+    name: string;
+    logoName: string;
+    hasVolume?: boolean | null;
+};
+export type Status = {
+    statusValue: {
+        name: string;
+        id: number;
+    };
+    statusString: string;
+    statusCheckInNumber: string;
+};
+export type LabelOption = {
+    id?: number;
+    name?: string | null;
+    colorId?: number;
+    color?: string | null;
+    code?: string | null;
+    hoverCode?: string | null;
+    count?: number;
+    createdAt?: string;
+    updatedAt?: string;
+};
+export type LabelColor = {
+    id?: number;
+    name?: string | null;
+    code?: string | null;
+    hoverCode?: string | null;
+    count?: number;
+};
+export type Broker = {
+    id?: number;
+    businessName?: string | null;
+    availableCredit?: number | null;
+    creditLimit?: number | null;
+    availableCreditType?: any | null;
+    payTerm?: any | null;
+    dnu?: boolean;
+    ban?: boolean;
+    status?: number;
+    loadsCount?: number;
+    revenue?: number | null;
+};
+export type DepartmentContactsPair = {
+    department?: Department;
+    contacts?: Contact[];
+};
+export type Department = {
+    id?: number;
+    name?: string | null;
+    count?: number;
+    companyUsers?: any | null;
+};
+export type Contact = {
+    id?: number;
+    brokerId?: number;
+    shipperId?: number;
+    phone?: string | null;
+    contactName?: string | null;
+    extensionPhone?: string | null;
+};
+export type Shipper = {
+    id?: number;
+    businessName?: string | null;
+    status?: number | null;
+    address?: Address | null;
+    longitude?: number | null;
+    latitude?: number | null;
+    receivingFrom?: string | null;
+    receivingTo?: string | null;
+    shippingFrom?: string | null;
+    shippingTo?: string | null;
+    receivingOpenTwentyFourHours?: boolean;
+    shippingOpenTwentyFourHours?: boolean;
+    pickupCount?: number;
+    deliveryCount?: number;
+};
+export type Address = {
+    city?: string | null;
+    state?: string | null;
+    county?: string | null;
+    address?: string | null;
+    street?: string | null;
+    streetNumber?: string | null;
+    country?: string | null;
+    zipCode?: string | null;
+    stateShortName?: string | null;
+    addressUnit?: string | null;
+};
+export type Bank = {
+    id?: number;
+    name?: string | null;
+    logoName?: string | null;
+    createdAt?: string;
+    updatedAt?: string;
+};
+export type Dispatcher = {
+    id: number;
+    userId: number | null;
+    fullName: string;
+    avatarFile: AvatarFile | null;
+    departmentId: number | null;
+};
+export type TruckOption = {
+    id: number;
+    companyId?: number | null;
+    name: string;
+    logoName: string;
+};
+export type TrailerOption = {
+    id: number;
+    companyId?: number | null;
+    name: string;
+    logoName: string;
+    hasVolume?: boolean | null;
+};

package/app/components/input/models/index.d.ts

@@ -1,2 +1,2 @@
 export * from './input.model';
-export * from './dispatch.model';
+export * from './dropdown.model';

package/app/components/input/models/input.model.d.ts

@@ -1,3 +1,4 @@
+import { Bank, Broker, Contact, DepartmentContactsPair, Dispatch, DispatchBoard, Dispatcher, DropdownOption, LabelOption, Shipper, TrailerOption, TruckOption } from './dropdown.model';
 export interface CaiInputConfig {
     type?: 'text' | 'password' | 'number';
     name?: string;
@@ -7,11 +8,13 @@ export interface CaiInputConfig {
     reveal?: number;
     icon?: string | null;
     iconColor?: string;
-    dropdown?: boolean | 'dispatch' | 'ftl-dispatch' | 'label' | 'broker' | 'contact' | 'shipper' | 'bank';
+    dropdown?: boolean | DropdownType;
     search?: boolean;
     add?: boolean;
     subcontent?: string;
+    textTransform?: 'capitalize' | 'uppercase' | 'lowercase';
     placeholderBehavior?: 'dynamic' | 'fade' | 'static';
+    errorBehavior?: 'dynamic' | 'static' | 'floating';
     label?: string;
     mask?: string;
     min?: number;
@@ -24,92 +27,10 @@ export interface CaiInputConfig {
     passwordRequirements?: boolean;
     optionValue?: string;
     optionLabel?: string;
+    removable?: boolean;
 }
-export type DropdownOption = {
-    id?: number;
-    [key: string]: any;
-};
-export type LabelOption = {
-    id?: number;
-    name?: string | null;
-    colorId?: number;
-    color?: string | null;
-    code?: string | null;
-    hoverCode?: string | null;
-    count?: number;
-    createdAt?: string;
-    updatedAt?: string;
-};
-export type LabelColor = {
-    id?: number;
-    name?: string | null;
-    code?: string | null;
-    hoverCode?: string | null;
-    count?: number;
-};
-export type Broker = {
-    id?: number;
-    businessName?: string | null;
-    availableCredit?: number | null;
-    creditLimit?: number | null;
-    availableCreditType?: any | null;
-    payTerm?: any | null;
-    dnu?: boolean;
-    ban?: boolean;
-    status?: number;
-    loadsCount?: number;
-    revenue?: number | null;
-};
-export type DepartmentContactsPair = {
-    department?: Department;
-    contacts?: Contact[];
-};
-export type Department = {
-    id?: number;
-    name?: string | null;
-    count?: number;
-    companyUsers?: any | null;
-};
-export type Contact = {
-    id?: number;
-    brokerId?: number;
-    shipperId?: number;
-    phone?: string | null;
-    contactName?: string | null;
-    extensionPhone?: string | null;
-};
-export type Shipper = {
-    id?: number;
-    businessName?: string | null;
-    status?: number | null;
-    address?: Address | null;
-    longitude?: number | null;
-    latitude?: number | null;
-    receivingFrom?: string | null;
-    receivingTo?: string | null;
-    shippingFrom?: string | null;
-    shippingTo?: string | null;
-    receivingOpenTwentyFourHours?: boolean;
-    shippingOpenTwentyFourHours?: boolean;
-    pickupCount?: number;
-    deliveryCount?: number;
-};
-export type Address = {
-    city?: string | null;
-    state?: string | null;
-    county?: string | null;
-    address?: string | null;
-    street?: string | null;
-    streetNumber?: string | null;
-    country?: string | null;
-    zipCode?: string | null;
-    stateShortName?: string | null;
-    addressUnit?: string | null;
-};
-export type Bank = {
-    id?: number;
-    name?: string | null;
-    logoName?: string | null;
-    createdAt?: string;
-    updatedAt?: string;
-};
+export declare const DropdownTypes: readonly ["dispatch", "ftl-dispatch", "label", "broker", "contact", "shipper", "bank", "dispatcher", "truck", "trailer"];
+export type DropdownType = (typeof DropdownTypes)[number];
+export type DropdownArrays = DropdownOption[] | LabelOption[] | Broker[] | DispatchBoard[] | DepartmentContactsPair[] | Shipper[] | Dispatch[] | Bank[] | Dispatcher[] | TruckOption[] | TrailerOption[];
+export type DropdownOptions = DropdownOption | LabelOption | Broker | Contact | Shipper | Dispatch | Bank | Dispatcher | TruckOption | TrailerOption;
+export type DropdownKeys = DropdownOption[keyof DropdownOption] | LabelOption[keyof LabelOption] | Dispatch[keyof Dispatch] | Broker[keyof Broker] | Contact[keyof Contact] | Shipper[keyof Shipper] | Bank[keyof Bank] | Dispatcher[keyof Dispatcher] | TruckOption[keyof TruckOption] | TrailerOption[keyof TrailerOption];

package/app/components/input/pipes/filter-by-search.pipe.d.ts

@@ -1,9 +1,9 @@
 import { PipeTransform } from '@angular/core';
-import { Bank, Broker, CaiInputConfig, Contact, DepartmentContactsPair, Dispatch, DispatchBoard, DropdownOption, LabelOption, Shipper } from '../models';
+import { CaiInputConfig, DropdownArrays } from '../models';
 import * as i0 from "@angular/core";
 export declare class FilterBySearchPipe implements PipeTransform {
     hasProperty<T extends object>(obj: T, prop: PropertyKey): prop is keyof T;
-    transform(options: DispatchBoard[] | Dispatch[] | LabelOption[] | Broker[] | Contact[] | DropdownOption[] | DepartmentContactsPair[] | Shipper[] | Bank[], value: string | undefined | null, type: CaiInputConfig['dropdown'], shouldSearch?: boolean, foldedBoards?: number[], label?: string): any[];
+    transform(options: DropdownArrays, value: string | undefined | null, type: CaiInputConfig['dropdown'], shouldSearch?: boolean, foldedBoards?: number[], label?: string): any[];
     static ɵfac: i0.ɵɵFactoryDeclaration<FilterBySearchPipe, never>;
     static ɵpipe: i0.ɵɵPipeDeclaration<FilterBySearchPipe, "filterBySearch", true>;
 }