carriera-intern-components 0.0.6 → 0.0.7

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

@@ -0,0 +1,30 @@
+import { Driver } from './models';
+import * as i0 from "@angular/core";
+/**
+ * Represents a user avatar component.
+ */
+export declare class AvatarComponent {
+    /**
+     * The driver object containing information to display in the avatar.
+     * This input is required.
+     * @type {Driver}
+     */
+    driver: import("@angular/core").InputSignal<Driver>;
+    /**
+     * The size of the avatar in pixels.
+     * @type {Size}
+     */
+    size: import("@angular/core").InputSignal<18 | 22 | 32 | 74 | 160>;
+    /**
+     * Whether the avatar should be rounded or not at sizes of 74px and 160px.
+     * @type {boolean}
+     */
+    rounded: import("@angular/core").InputSignal<boolean>;
+    /**
+     * Whether the owner element should be dark or light
+     * @type {boolean}
+     */
+    inverse: import("@angular/core").InputSignal<boolean>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AvatarComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AvatarComponent, "cai-avatar", never, { "driver": { "alias": "driver"; "required": true; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "rounded": { "alias": "rounded"; "required": false; "isSignal": true; }; "inverse": { "alias": "inverse"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}

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

@@ -0,0 +1,21 @@
+export interface Driver {
+    id: number;
+    firstName: string;
+    lastName: string;
+    owner?: boolean | null;
+    avatarFile?: AvatarFile | null;
+    colorFlag?: AvatarColor | null;
+    [key: string]: any;
+}
+export type AvatarFile = {
+    fileId: number;
+    fileName: string;
+    url: string;
+    fileSize: number;
+    [key: string]: any;
+};
+declare const colors: readonly ["Blue", "Green", "Red", "Yellow", "Purple", "Gold", "Light Green", "Orange", "Light Blue", "Pink", "Brown", "Gray"];
+export type AvatarColor = (typeof colors)[number];
+declare const sizes: readonly [18, 22, 32, 74, 160];
+export type Size = typeof sizes[number];
+export {};

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

@@ -0,0 +1 @@
+export * from './avatar.model';

package/app/components/avatar/pipes/initials.pipe.d.ts

@@ -0,0 +1,7 @@
+import { PipeTransform } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class InitialsPipe implements PipeTransform {
+    transform(firstName: string | null | undefined, lastName: string | null | undefined): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<InitialsPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<InitialsPipe, "initials", true>;
+}

package/app/components/document-preview/document-preview.component.d.ts

@@ -1,4 +1,5 @@
 import { AppFile } from '../../models/appFile.model';
+import { NgbPopover } from '@ng-bootstrap/ng-bootstrap';
 import * as i0 from "@angular/core";
 /**
  * This component displays a preview of a document, including its name, size,
@@ -6,6 +7,7 @@ import * as i0 from "@angular/core";
  */
 export declare class DocumentPreviewComponent {
     showDeleteModal: import("@angular/core").WritableSignal<boolean>;
+    showTagModal: import("@angular/core").WritableSignal<boolean>;
     /**
      * The application file to be displayed in the preview. This is a required input.
      * @type {InputSignal<AppFile>}
@@ -25,6 +27,8 @@ export declare class DocumentPreviewComponent {
      * Handles the delete action. Emits the `fileName` of the current `file` via the `onDelete` output.
      */
     handleDelete(): void;
+    cancelDelete(): void;
+    confirmDelete(): void;
     /**
      * Handles the download action. Emits the `fileName` of the current `file` via the `onDownload` output.
      */
@@ -33,9 +37,16 @@ export declare class DocumentPreviewComponent {
      * Handles the tag action. Currently, it logs a message to the console.
      * A "TODO" indicates that further logic for tagging needs to be implemented here.
      */
-    handleTag(): void;
-    cancelDelete(): void;
-    confirmDelete(): void;
+    handleTag(popover: NgbPopover): void;
+    tags: string[];
+    onOutsideClick(event: MouseEvent): void;
+    selectedTag: string;
+    onTagChange: import("@angular/core").OutputEmitterRef<{
+        fileName: string;
+        tag: string;
+    }>;
+    getTag(newTag: string): void;
+    removeTag(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DocumentPreviewComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DocumentPreviewComponent, "app-document-preview", never, { "file": { "alias": "file"; "required": true; "isSignal": true; }; }, { "onDelete": "onDelete"; "onDownload": "onDownload"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DocumentPreviewComponent, "app-document-preview", never, { "file": { "alias": "file"; "required": true; "isSignal": true; }; }, { "onDelete": "onDelete"; "onDownload": "onDownload"; "onTagChange": "onTagChange"; }, never, never, true, never>;
 }

package/app/components/drop-zone/drop-zone.component.d.ts

@@ -115,6 +115,10 @@ export declare class DropZoneComponent {
      * based on the number of documents.
      */
     carouselRight(): void;
+    handleTagChange(event: {
+        fileName: string;
+        tag: string;
+    }): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DropZoneComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<DropZoneComponent, "app-drop-zone", never, { "excludedFileTypes": { "alias": "excludedFileTypes"; "required": false; "isSignal": true; }; "fileTypes": { "alias": "fileTypes"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

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

@@ -3,7 +3,8 @@ import { ControlValueAccessor, NgControl } from '@angular/forms';
 import { PasswordDirective } from '../../directives/password.directive';
 import { NumberFormatDirective } from '../../directives/number-format.directive';
 import { NgbPopover } from '@ng-bootstrap/ng-bootstrap';
-import { CaiInputConfig } from './models/input.model';
+import { CaiInputConfig, DropdownOption } from './models/input.model';
+import { Dispatch, DispatchBoard } from './models';
 import * as i0 from "@angular/core";
 /**
  * A reusable input component that integrates with Angular Forms and supports
@@ -168,6 +169,12 @@ export declare class InputComponent implements ControlValueAccessor {
      * @param isDisabled - True if the control should be disabled, false otherwise.
      */
     setDisabledState(isDisabled: boolean): void;
+    /**
+     * Called when the input element receives focus (focus event).
+     * Triggers the `onTouched` callback to notify Angular Forms that the
+     * input has been interacted with.
+     */
+    onFocus(event: FocusEvent): void;
     /**
      * Called when the input element loses focus (blur event).
      * Triggers the `onTouched` callback to notify Angular Forms that the
@@ -184,7 +191,17 @@ export declare class InputComponent implements ControlValueAccessor {
      * This is an input signal, meaning its value can be set from a parent component.
      * @type {Signal<string[]>}
      */
-    dropdownOptions: import("@angular/core").InputSignal<string[]>;
+    dropdownOptions: import("@angular/core").InputSignal<DropdownOption[]>;
+    /**
+     * A signal that holds the locally added options.
+     * @type {Signal<DropdownOption[]>}
+     */
+    localOptions: import("@angular/core").WritableSignal<DropdownOption[]>;
+    /**
+     * A signal that holds the currently selected option from the dropdown.
+     * @type {Signal<DropdownOption | null>}
+     */
+    selectedOption: import("@angular/core").WritableSignal<DropdownOption | null>;
     /**
      * A computed signal that provides the current list of options to display in the dropdown.
      *
@@ -194,19 +211,46 @@ export declare class InputComponent implements ControlValueAccessor {
      *
      * @type {Signal<string[]>}
      */
-    options: import("@angular/core").Signal<string[]>;
-    /**
-     * Formats an option for the dropdown by highlighting the search value if it exists in the option.
-     * @param option - The option to format.
-     * @returns The formatted option.
-     */
-    formatOption(option: string): string;
+    options: import("@angular/core").Signal<DropdownOption[]>;
     /**
      * Handles when an option is selected from the dropdown.
      * @param option - The selected option.
      * @param event - The MouseEvent that initiated the selection action.
      */
-    handleOption(option: string, event: MouseEvent): void;
+    handleOption(option: DropdownOption, event: MouseEvent): void;
+    /**
+     * An output signal that emits the value of the added option.
+     * @type {Output<string>}
+     */
+    onConfirm: import("@angular/core").OutputEmitterRef<string>;
+    /**
+     * Adds a new option to the dropdown.
+     * @param option - The option to add.
+     */
+    addOption(): void;
+    /**
+     * Handles when the user clicks on the "ADD NEW" button in the dropdown.
+     * It sets the `isAdding` signal to `true`, closes the dropdown, and focuses the input.
+     * @param event - The MouseEvent that initiated the action.
+     */
+    handleAddOption(event: MouseEvent): void;
+    /**
+     * A signal that indicates whether a new option is being added.
+     * @type {Signal<boolean>}
+     */
+    isAdding: import("@angular/core").WritableSignal<boolean>;
+    /**
+     * A signal that indicates whether the placeholder selected option should be shown.
+     * @type {Signal<boolean>}
+     */
+    hasText: import("@angular/core").Signal<boolean>;
+    dispatches: import("@angular/core").InputSignal<DispatchBoard[] | undefined>;
+    dispatchCount: import("@angular/core").Signal<number>;
+    filteredDispatches: import("@angular/core").Signal<DispatchBoard[]>;
+    handlePlannerOption(option: Dispatch, event: MouseEvent): void;
+    selectedDispatch: import("@angular/core").WritableSignal<Dispatch | null>;
+    foldedBoards: import("@angular/core").WritableSignal<number[]>;
+    fold(boardId: number, event: MouseEvent): void;
     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; }; "dropdownOptions": { "alias": "dropdownOptions"; "required": false; "isSignal": true; }; }, {}, 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; }; "dropdownOptions": { "alias": "dropdownOptions"; "required": false; "isSignal": true; }; "dispatches": { "alias": "dispatches"; "required": false; "isSignal": true; }; }, { "onConfirm": "onConfirm"; }, never, never, true, never>;
 }

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

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

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

@@ -8,4 +8,10 @@ export interface CaiInputConfig {
     icon?: string | null;
     dropdown?: boolean;
     search?: boolean;
+    add?: boolean;
+    planner?: boolean;
 }
+export type DropdownOption = {
+    id: string;
+    label: string;
+};

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

@@ -0,0 +1,78 @@
+import { AvatarColor, AvatarFile } from "../../avatar/models";
+export type Dispatch = {
+    id: number;
+    dispatchBoardId: number;
+    dispatcherId: number;
+    truck: Truck;
+    trailer?: Trailer | null;
+    driver: Driver;
+    coDriver?: Driver | null;
+    payType: string;
+    status?: any | 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;
+};

package/app/components/input/pipes/highlight-search.d.ts

@@ -0,0 +1,13 @@
+import { PipeTransform } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class HighlightSearchPipe implements PipeTransform {
+    /**
+     * Formats an option for the dropdown by highlighting the search value if it exists in the option.
+     * @param option - The option to format.
+     * @param searchValue - The value to search and highlight within the option.
+     * @returns The formatted option.
+     */
+    transform(option: string, searchValue: string | undefined | null): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<HighlightSearchPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<HighlightSearchPipe, "highlightSearch", true>;
+}

package/app/models/appFile.model.d.ts

@@ -8,5 +8,6 @@ export interface AppFile {
     imagePreviewUrl?: string;
     pageCount?: number;
     file: File;
+    tag: string;
 }
 export {};