carriera-intern-components 1.1.199 → 1.1.721

package/src/styles/popover.scss

@@ -1,9 +1,19 @@
-@import "variables";
+@use "variables" as *;
 
 .tagPopover {
-  font-family: "Montserrat", ui-sans-serif, system-ui, -apple-system,
-    BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif,
-    "Apple Color Emoji", "Segoe UI Emoji" !important;
+  font-family:
+    "Montserrat",
+    ui-sans-serif,
+    system-ui,
+    -apple-system,
+    BlinkMacSystemFont,
+    "Segoe UI",
+    Roboto,
+    Helvetica,
+    Arial,
+    sans-serif,
+    "Apple Color Emoji",
+    "Segoe UI Emoji" !important;
   --bs-body-bg: #2f2f2f !important;
   border: none !important;
 
@@ -14,5 +24,201 @@
   .popover-body {
     border-radius: 3px;
     padding: 0px !important;
+    margin-top: -4px;
+    margin-left: -5px;
+  }
+}
+
+.cai-dropdown-popover {
+  border-radius: 0 !important;
+  border: none !important;
+  margin: 0 !important;
+  padding: 0 !important;
+  box-shadow: none !important;
+  background-color: transparent !important;
+
+  .popover-arrow {
+    display: none !important;
+  }
+
+  .popover-body {
+    padding: 0px !important;
+    height: auto !important;
+    width: auto !important;
+    border-radius: 0 !important;
+    border: none !important;
+  }
+}
+
+.pm-popover.popover {
+  --bs-body-bg: #2f2f2f !important;
+  font-family:
+    "Montserrat",
+    ui-sans-serif,
+    system-ui,
+    -apple-system,
+    BlinkMacSystemFont,
+    "Segoe UI",
+    Roboto,
+    Helvetica,
+    Arial,
+    sans-serif,
+    "Apple Color Emoji",
+    "Segoe UI Emoji" !important;
+  border: none !important;
+  width: 200px !important;
+  border-radius: 3px !important;
+  margin-top: -4px !important;
+}
+
+.pm-popover.popover .popover-body {
+  padding: 0px !important;
+}
+
+.pm-popover .popover-arrow {
+  display: none !important;
+}
+
+.popover-review {
+  border-radius: 3px !important;
+  border: none !important;
+  margin: 0 !important;
+  padding: 0 !important;
+  box-shadow: none !important;
+  pointer-events: auto !important;
+  .popover-arrow {
+    display: none !important;
+  }
+
+  .popover-body {
+    padding: 0px !important;
+    height: auto !important;
+    width: auto !important;
+    border-radius: 0 !important;
+    border: none !important;
+    white-space: normal !important;
+  }
+}
+
+[data-popper-placement^="top"] .dropdown-menu.input-dropdown-menu {
+  .dropdown-menu-content {
+    bottom: 0;
+  }
+}
+
+body:has(
+  [data-popper-placement^="top"]
+    .dropdown-menu.input-dropdown-menu:not(.closing)
+) {
+  .app-input-container.show:has(.app-input:focus-visible):not(.in-table):not(
+      .static-placeholder
+    ) {
+    .app-input-label {
+      transform: translateY(20px);
+    }
+  }
+}
+
+[data-popper-placement^="bottom"] .dropdown-menu.input-dropdown-menu {
+  .dropdown-menu-content {
+    top: 2px;
+  }
+}
+
+[data-popper-placement^="top-start"] .dropdown-menu.dispatch-dropdown-menu {
+  .dropdown-menu-content {
+    bottom: -2px;
+
+    border-radius: 3px 3px 0 0;
+    &::-webkit-scrollbar {
+      border-radius: 0 3px 0 0;
+    }
+
+    .dropdown-menu-separator {
+      bottom: -2px;
+    }
+  }
+
+  // Left inverted corner
+  &::before {
+    content: "";
+    position: absolute;
+    bottom: -5px;
+    left: 0px;
+    width: 3px;
+    height: 3px;
+    background: radial-gradient(
+      circle at 100% 100%,
+      transparent 3px,
+      $color-black-500 3px
+    );
+    pointer-events: none;
+    user-select: none;
+  }
+
+  // Right inverted corner
+  &::after {
+    content: "";
+    position: absolute;
+    bottom: -5px;
+    right: 0px;
+    width: 3px;
+    height: 3px;
+    background: radial-gradient(
+      circle at 0 100%,
+      transparent 3px,
+      $color-black-500 3px
+    );
+    pointer-events: none;
+    user-select: none;
+  }
+}
+
+[data-popper-placement^="bottom-start"] .dropdown-menu.dispatch-dropdown-menu {
+  .dropdown-menu-content {
+    top: -2px;
+
+    border-radius: 0 0 3px 3px;
+    &::-webkit-scrollbar {
+      border-radius: 0 0 3px 0;
+    }
+
+    .dropdown-menu-separator {
+      top: -1px;
+    }
+  }
+
+  // Left inverted corner
+  &::before {
+    content: "";
+    position: absolute;
+    top: -5px;
+    left: 0px;
+    width: 3px;
+    height: 3px;
+    background: radial-gradient(
+      circle at 100% 0,
+      transparent 3px,
+      $color-black-500 3px
+    );
+    pointer-events: none;
+    user-select: none;
+  }
+
+  // Right inverted corner
+  &::after {
+    content: "";
+    position: absolute;
+    top: -5px;
+    right: 0px;
+    width: 3px;
+    height: 3px;
+    background: radial-gradient(
+      circle at 0 0,
+      transparent 3px,
+      $color-black-500 3px
+    );
+    pointer-events: none;
+    user-select: none;
   }
 }

package/src/styles/review_variables.scss

@@ -7,6 +7,10 @@ $color-trash-background: #F4BEBE;
 $color-tooltip: rgba(66, 66, 66, 1);
 $color-divider: #DADADA;
 
+$color-like-active-hover: #b6dfdb;
+$color-dislike-active-hover: #e87c7c;
+$color-like-active-hover-dark: #007A6E;
+
 $color-light-blue: #92B1F5;
 $color-blue: #3B73ED;
 $color-blue-transparent: #3b73ed3f;
@@ -23,6 +27,7 @@ $color-light-disabled: #F7F7F7;
 $color-light-gray: #EEEEEE;
 $color-review-hover: #CCCCCC;
 $color-dark: #1D1D1D;
+$color-white: #FFFFFF;
 
 $color-text-gray: #AAAAAA;
 

package/src/styles/tooltip.scss

@@ -1,16 +1,33 @@
 @use "variables" as *;
+@use "sass:color";
 
 .tooltip:not(.app-ca-main-tooltip):not(.app-main-tooltip) {
-  font-family: "Montserrat", ui-sans-serif, system-ui, -apple-system,
-    BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif,
-    "Apple Color Emoji", "Segoe UI Emoji" !important;
+  font-family:
+    "Montserrat",
+    ui-sans-serif,
+    system-ui,
+    -apple-system,
+    BlinkMacSystemFont,
+    "Segoe UI",
+    Roboto,
+    Helvetica,
+    Arial,
+    sans-serif,
+    "Apple Color Emoji",
+    "Segoe UI Emoji" !important;
   margin-bottom: 8px !important;
   &.input-tooltip {
     margin-bottom: 0 !important;
+    word-break: keep-all !important;
+    z-index: 2000 !important;
   }
   &.tooltip-m-t-4 {
     margin-top: 4px !important;
   }
+  &.tooltip-m-b-2 {
+    margin-bottom: 2px !important;
+  }
+
   .tooltip-arrow {
     display: none !important;
   }
@@ -22,6 +39,8 @@
     font-size: 11px !important;
     font-weight: 600 !important;
     color: #ffffff !important;
+    white-space: nowrap;
+    max-width: none;
 
     transition: background-color 0.1s ease-in-out;
 
@@ -29,6 +48,12 @@
       display: none !important;
     }
   }
+  &.tooltip-inverse {
+    .tooltip-inner {
+      background-color: #cccccc !important;
+      color: #2f2f2f !important;
+    }
+  }
 }
 
 .tooltip.show {
@@ -53,6 +78,15 @@
 
 @each $color-name, $shades in $color-palettes {
   .tooltip:not(.app-ca-main-tooltip):not(.app-main-tooltip) {
+    &.tooltip-text-#{$color-name} {
+      @each $shade, $color-value in $shades {
+        &-#{$shade} {
+          .tooltip-inner {
+            color: $color-value !important;
+          }
+        }
+      }
+    }
     &.tooltip-bg-#{$color-name} {
       @each $shade, $color-value in $shades {
         &-#{$shade} {

package/src/styles.scss

@@ -6,9 +6,6 @@
 @use "styles/utility/utilities";
 @use "styles/tooltip";
 
-/* Importing Bootstrap SCSS file. */
-@use "bootstrap/scss/bootstrap";
-
 @import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap");
 
 html {
@@ -22,7 +19,22 @@ body {
   margin: 0;
   line-height: inherit;
   background-color: white;
-  font-family: "Montserrat", ui-sans-serif, system-ui, -apple-system,
-    BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif,
-    "Apple Color Emoji", "Segoe UI Emoji";
+  font-family:
+    "Montserrat",
+    ui-sans-serif,
+    system-ui,
+    -apple-system,
+    BlinkMacSystemFont,
+    "Segoe UI",
+    Roboto,
+    Helvetica,
+    Arial,
+    sans-serif,
+    "Apple Color Emoji",
+    "Segoe UI Emoji";
+}
+
+.cai-highlight {
+  background-color: #3b73ed33 !important;
+  color: #92b1f5 !important;
 }

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

@@ -1,30 +0,0 @@
-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 | 160 | 22 | 32 | 74>;
-    /**
-     * Whether the avatar should be rounded or not.
-     * @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

@@ -1,28 +0,0 @@
-export interface Driver {
-    id: number;
-    firstName?: string | null;
-    lastName?: string | null;
-    fullName?: string | null;
-    owner?: boolean | null;
-    avatarFile?: AvatarFile | null;
-    colorFlag?: ColorFlag | null;
-    avatarUrl?: string | null;
-    avatarColor?: AvatarColor | null;
-    [key: string]: any;
-}
-export type AvatarFile = {
-    fileId: number;
-    fileName: string;
-    url: string;
-    fileSize: number;
-    [key: string]: any;
-};
-export type ColorFlag = {
-    id: number;
-    name: AvatarColor;
-};
-declare const colors: readonly ["Blue", "Green", "Red", "Yellow", "Purple", "Gold", "Light Green", "Orange", "Light Blue", "Pink", "Brown", "Gray", "Lime", "Navy", "Azure", "Magenta"];
-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

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

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

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

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

@@ -1,23 +0,0 @@
-import { eAlignment } from '../../enums';
-import { eGeneralActions } from '../../enums/general-actions.enum';
-import { Clipboard } from '@angular/cdk/clipboard';
-import * as i0 from "@angular/core";
-export declare class CopyComponent {
-    private clipboard;
-    value: import("@angular/core").InputSignal<string | undefined>;
-    alignment: import("@angular/core").InputSignal<eAlignment>;
-    copyTooltip: import("@angular/core").InputSignal<string | undefined>;
-    copyArea: import("@angular/core").InputSignal<"icon" | "full">;
-    icon: import("@angular/core").InputSignal<string | null>;
-    iconSize: import("@angular/core").InputSignal<number>;
-    iconColor: import("@angular/core").InputSignal<string | null>;
-    tooltipClass: import("@angular/core").InputSignal<string | null>;
-    copied: import("@angular/core").WritableSignal<boolean>;
-    eGeneralActions: typeof eGeneralActions;
-    eAlignment: typeof eAlignment;
-    constructor(clipboard: Clipboard);
-    onCopy(event: MouseEvent): void;
-    resetCopied(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<CopyComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CopyComponent, "cai-copy", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "alignment": { "alias": "alignment"; "required": false; "isSignal": true; }; "copyTooltip": { "alias": "copyTooltip"; "required": false; "isSignal": true; }; "copyArea": { "alias": "copyArea"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "iconSize": { "alias": "iconSize"; "required": false; "isSignal": true; }; "iconColor": { "alias": "iconColor"; "required": false; "isSignal": true; }; "tooltipClass": { "alias": "tooltipClass"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
-}

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

@@ -1,107 +0,0 @@
-import { OnChanges, OnInit, SimpleChanges } from '@angular/core';
-import { AppFile } from '../../models/appFile.model';
-import { FormControl } from '@angular/forms';
-import { DocumentTag } from './interfaces';
-import * as i0 from "@angular/core";
-/**
- * This component displays a preview of a document, including its name, size,
- * and provides actions to delete, download, and tag the document.
- */
-export declare class DocumentPreviewComponent implements OnChanges, OnInit {
-    coverMinimalMode: boolean;
-    isCrop: import("@angular/core").WritableSignal<boolean>;
-    constructor();
-    ngOnInit(): void;
-    ngOnChanges(changes: SimpleChanges): void;
-    noTagOption: boolean;
-    showInput: import("@angular/core").WritableSignal<boolean>;
-    inputFormControl: FormControl<any>;
-    showFileNameInput(): void;
-    hideFileNameInput(): void;
-    handleEdit(event: any): void;
-    /**
-     * Signal that controls whether the delete modal is visible.Used to confirm the file deletion.
-     */
-    showDeleteModal: import("@angular/core").WritableSignal<boolean>;
-    /**
-     * Boolean flag indicating whether the tag popover is visible.Used to apply conditional styling or behavior.
-     */
-    showTag: boolean;
-    /**
-     * Currently selected tag for the document.
-     */
-    selectedTag: string;
-    /**
-     * The application file to be displayed in the preview. This is a required input.
-     * @type {InputSignal<AppFile>}
-     */
-    file: import("@angular/core").InputSignal<AppFile>;
-    /**
-     * /**
-     * The view mode in whic the file is displayed. This is a required input.
-     * @type {InputSignal<string>}
-     */
-    viewMode: import("@angular/core").InputSignal<string>;
-    /**
-     * An output event that emits the file name when the delete action is triggered.
-     * @type {OutputEmitterRef<string>}
-     */
-    onDelete: import("@angular/core").OutputEmitterRef<string>;
-    /**
-     * An output event that emits the file name when the download action is triggered.
-     * @type {OutputEmitterRef<string>}
-     */
-    onDownload: import("@angular/core").OutputEmitterRef<string>;
-    /**
-     * Handles the delete action. Emits the `fileName` of the current `file` via the `onDelete` output.
-     */
-    handleDelete(): void;
-    /**
-     * Cancels the delete operation and hides the confirmation modal.
-     */
-    cancelDelete(): void;
-    /**
-     * Confirms the deletion and emits the `onDelete` event.
-     */
-    confirmDelete(): void;
-    /**
-     * Handles the download action. Emits the `fileName` of the current `file` via the `onDownload` output.
-     */
-    handleDownload(): void;
-    /**
-     * Callback triggered when the tag popover is shown. Used to update internal state.
-     */
-    onTagShown(): void;
-    /**
-     * Callback triggered when the tag popover is hidden. Used to update internal state.
-     */
-    onTagHidden(): void;
-    /**
-     * List of available tags for labeling the document. These are selectable within the tag popover.
-     */
-    tags: import("@angular/core").InputSignal<DocumentTag[]>;
-    /**
-     * Emits when a tag is selected or removed for the file.
-     * Contains the file name and the selected tag.
-     * @type {OutputEmitterRef<{ fileName: string; tag: string }>}
-     */
-    onTagChange: import("@angular/core").OutputEmitterRef<{
-        fileName: string;
-        tag: string;
-    }>;
-    /**
-     * Selects a tag and emits the `onTagChange` output.
-     * @param newTag The newly selected tag string.
-     */
-    getTag(newTag: string): void;
-    /**
-     * Removes the currently selected tag. Does not emit an event — must be called manually.
-     */
-    removeTag(): void;
-    /**
-     * Placeholder for handling document sharing. Currently logs the file name to the console.
-     */
-    handleShare(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<DocumentPreviewComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DocumentPreviewComponent, "cai-document-preview", never, { "coverMinimalMode": { "alias": "coverMinimalMode"; "required": false; }; "noTagOption": { "alias": "noTagOption"; "required": false; }; "file": { "alias": "file"; "required": true; "isSignal": true; }; "viewMode": { "alias": "viewMode"; "required": true; "isSignal": true; }; "tags": { "alias": "tags"; "required": false; "isSignal": true; }; }, { "onDelete": "onDelete"; "onDownload": "onDownload"; "onTagChange": "onTagChange"; }, never, never, true, never>;
-}

package/app/components/document-preview/interfaces/document-tag.interface.d.ts

@@ -1,4 +0,0 @@
-export interface DocumentTag {
-    tagId: number;
-    tagName: string;
-}

package/app/components/document-preview/interfaces/index.d.ts

@@ -1 +0,0 @@
-export * from './document-tag.interface';