@symphony-talent/component-library 3.5.0 → 3.6.0

package/lib/atoms/tooltip-wrapper/tooltip-wrapper.component.d.ts

@@ -1,8 +1,8 @@
 import * as i0 from "@angular/core";
 export declare class TooltipWrapperComponent {
     placement: string;
-    tooltipText: string;
+    tooltipHtml: string;
     constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<TooltipWrapperComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TooltipWrapperComponent, "symphony-tooltip-wrapper", never, { "placement": "placement"; "tooltipText": "tooltipText"; }, {}, never, ["*"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TooltipWrapperComponent, "symphony-tooltip-wrapper", never, { "placement": "placement"; "tooltipHtml": "tooltipHtml"; }, {}, never, ["*"]>;
 }

package/lib/molecules/advertise-order-review/advertise-order-review.component.d.ts

@@ -0,0 +1,6 @@
+import * as i0 from "@angular/core";
+export declare class AdvertiseOrderReviewComponent {
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<AdvertiseOrderReviewComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AdvertiseOrderReviewComponent, "symphony-advertise-order-review", never, {}, {}, never, never>;
+}

package/lib/molecules/advertise-order-review/advertise-order-review.module.d.ts

@@ -0,0 +1,10 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./advertise-order-review.component";
+import * as i2 from "@angular/common";
+import * as i3 from "../../atoms/h4/h4.module";
+import * as i4 from "../../atoms/paragraph/paragraph.module";
+export declare class AdvertiseOrderReviewModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<AdvertiseOrderReviewModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AdvertiseOrderReviewModule, [typeof i1.AdvertiseOrderReviewComponent], [typeof i2.CommonModule, typeof i3.H4Module, typeof i4.ParagraphModule], [typeof i1.AdvertiseOrderReviewComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<AdvertiseOrderReviewModule>;
+}

package/lib/molecules/h5-with-icon/h5-with-icon.model.d.ts

@@ -4,6 +4,6 @@ export interface H5WithIconModel {
     icon: Icons;
     iconFirst: boolean;
     iconColor?: string;
-    tooltipText?: string;
+    tooltipHtml?: string;
     placement?: string;
 }

package/lib/molecules/h5-with-icon/h5-with-icon.module.d.ts

@@ -3,10 +3,9 @@ import * as i1 from "./h5-with-icon.component";
 import * as i2 from "@angular/common";
 import * as i3 from "../../atoms/h5/h5.module";
 import * as i4 from "../../atoms/icon/icon.module";
-import * as i5 from "ngx-bootstrap/tooltip";
-import * as i6 from "../../atoms/tooltip-wrapper/tooltip-wrapper.module";
+import * as i5 from "../../atoms/tooltip-wrapper/tooltip-wrapper.module";
 export declare class H5WithIconModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<H5WithIconModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<H5WithIconModule, [typeof i1.H5WithIconComponent], [typeof i2.CommonModule, typeof i3.H5Module, typeof i4.IconModule, typeof i5.TooltipModule, typeof i6.TooltipWrapperModule], [typeof i1.H5WithIconComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<H5WithIconModule, [typeof i1.H5WithIconComponent], [typeof i2.CommonModule, typeof i3.H5Module, typeof i4.IconModule, typeof i5.TooltipWrapperModule], [typeof i1.H5WithIconComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<H5WithIconModule>;
 }

package/lib/molecules/invoice-line-item/invoice-line-item.component.d.ts

@@ -0,0 +1,8 @@
+import { InvoiceModel } from './invoice-line-item.model';
+import * as i0 from "@angular/core";
+export declare class InvoiceLineItemComponent {
+    model: Partial<InvoiceModel>;
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<InvoiceLineItemComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<InvoiceLineItemComponent, "symphony-invoice-line-item", never, { "model": "model"; }, {}, never, never>;
+}

package/lib/molecules/invoice-line-item/invoice-line-item.model.d.ts

@@ -0,0 +1,5 @@
+export interface InvoiceModel {
+    textLeft: string;
+    textRight: string;
+    label: string;
+}

package/lib/molecules/invoice-line-item/invoice-line-item.module.d.ts

@@ -0,0 +1,10 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./invoice-line-item.component";
+import * as i2 from "@angular/common";
+import * as i3 from "../../atoms/paragraph/paragraph.module";
+import * as i4 from "../../atoms/h5/h5.module";
+export declare class InvoiceLineItemModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<InvoiceLineItemModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<InvoiceLineItemModule, [typeof i1.InvoiceLineItemComponent], [typeof i2.CommonModule, typeof i3.ParagraphModule, typeof i4.H5Module], [typeof i1.InvoiceLineItemComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<InvoiceLineItemModule>;
+}

package/lib/molecules/molecules.module.d.ts

@@ -7,8 +7,9 @@ import * as i5 from "./color-swatch/color-swatch.module";
 import * as i6 from "./icon-swatch/icon-swatch.module";
 import * as i7 from "./breadcrumb/breadcrumb.module";
 import * as i8 from "./h5-with-icon/h5-with-icon.module";
+import * as i9 from "./invoice-line-item/invoice-line-item.module";
 export declare class MoleculesModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<MoleculesModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<MoleculesModule, never, [typeof i1.CommonModule, typeof i2.AvatarModule, typeof i3.ContextualMenuModule, typeof i4.PillsModule, typeof i5.ColorSwatchModule, typeof i6.IconSwatchModule, typeof i7.BreadcrumbModule, typeof i8.H5WithIconModule], [typeof i4.PillsModule, typeof i7.BreadcrumbModule]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<MoleculesModule, never, [typeof i1.CommonModule, typeof i2.AvatarModule, typeof i3.ContextualMenuModule, typeof i4.PillsModule, typeof i5.ColorSwatchModule, typeof i6.IconSwatchModule, typeof i7.BreadcrumbModule, typeof i8.H5WithIconModule, typeof i9.InvoiceLineItemModule], [typeof i4.PillsModule, typeof i7.BreadcrumbModule]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<MoleculesModule>;
 }

package/lib/pages/modals/advertise-modal/advertise-modal.model.d.ts

@@ -5,6 +5,7 @@ export interface AdvertiseModalModel {
     showFunds: boolean;
     fundsInfo: H5WithIconModel;
     primaryButtonText: string;
+    disablePrimaryButton: boolean;
     secondaryButtonText: string;
     backButtonText: string;
     jobsToAdvertise: AdvertiseJobModel[];
@@ -13,6 +14,7 @@ export interface AdvertiseModalModel {
     hasJobBoardsLoadingFailed: boolean;
     currency: string;
     navigation: AdvertiseModalNavigation;
+    isLoading: boolean;
 }
 export interface AdvertiseJobModel {
     id: number;

package/lib/pages/modals/advertise-modal/advertise-modal.module.d.ts

@@ -12,8 +12,10 @@ import * as i10 from "../../../atoms/button/button.module";
 import * as i11 from "../../../templates/placeholder/placeholder.module";
 import * as i12 from "../../../molecules/h5-with-icon/h5-with-icon.module";
 import * as i13 from "../../../organisms/advertise-postingboard-selection-list/advertise-postingboard-selection-list.module";
+import * as i14 from "../../../atoms/sfx-loader/sfx-loader.module";
+import * as i15 from "../../../molecules/advertise-order-review/advertise-order-review.module";
 export declare class ModalModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<ModalModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<ModalModule, [typeof i1.AdvertiseModalComponent], [typeof i2.CommonModule, typeof i3.TwoColumnModalModule, typeof i4.TwoColumnBodyTemplateModule, typeof i5.H4Module, typeof i6.H5Module, typeof i7.ParagraphModule, typeof i8.IconModule, typeof i9.InputTextModule, typeof i10.ButtonModule, typeof i11.PlaceholderModule, typeof i12.H5WithIconModule, typeof i13.AdvertisePostingboardSelectionListModule], [typeof i1.AdvertiseModalComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ModalModule, [typeof i1.AdvertiseModalComponent], [typeof i2.CommonModule, typeof i3.TwoColumnModalModule, typeof i4.TwoColumnBodyTemplateModule, typeof i5.H4Module, typeof i6.H5Module, typeof i7.ParagraphModule, typeof i8.IconModule, typeof i9.InputTextModule, typeof i10.ButtonModule, typeof i11.PlaceholderModule, typeof i12.H5WithIconModule, typeof i13.AdvertisePostingboardSelectionListModule, typeof i14.SfxLoaderModule, typeof i15.AdvertiseOrderReviewModule], [typeof i1.AdvertiseModalComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<ModalModule>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@symphony-talent/component-library",
-  "version": "3.5.0",
+  "version": "3.6.0",
   "private": false,
   "dependencies": {
     "tslib": "^1.10.0"

package/projects/component-library/global-assets/spacing.scss

@@ -161,6 +161,10 @@ $space-75: 4.688rem;
   padding-top: $space-15;
   padding-bottom: $space-15;
 }
+.sfx-px-20 {
+  padding-top: $space-20;
+  padding-bottom: $space-20;
+}
 .sfx-px-30 {
   padding-top: $space-30;
   padding-bottom: $space-30;

package/projects/component-library/global.scss

@@ -117,13 +117,12 @@ $font-sfxicon: "sfxicons", sans-serif;
   @include ag-theme-alpine();
 }
 body {
-  @extend %sfx-custom-scroll;
   font-family: $font-reg !important;
-  line-height: 20px;
   overflow-x: hidden;
   background: $color-white;
   color: $color-black;
   .sfx {
+    @extend %sfx-custom-scroll;
     a {
       font-size: $font-14;
       color: $color-st-link;
@@ -472,42 +471,44 @@ body {
   }
 }
 // grid rows
-.ag-row {
-  z-index: 1;
-  .ag-row div:first-child {
-    font-family: "neuzeit_groteskbold";
-  }
-  .ag-cell {
-    .more-options {
-      display: none;
+.grid-with-dropdown {
+  .ag-row {
+    z-index: 1;
+    .ag-row div:first-child {
+      font-family: "neuzeit_groteskbold";
     }
-    .sfx-icon-show-password {
-      display: none;
-    }
-    &:last-child {
-      overflow: visible;
-      padding-left: 0;
-      padding-right: 0;
+    .ag-cell {
+      .more-options {
+        display: none;
+      }
+      .sfx-icon-show-password {
+        display: none;
+      }
+      &:last-child {
+        overflow: visible;
+        padding-left: 0;
+        padding-right: 0;
+      }
     }
   }
-}
-.ag-row.ag-row-hover {
-  .ag-cell {
-    .more-options {
-      display: inline-block;
-      float: right;
-      .dropdown-menu::before {
-        top: -24px;
+  .ag-row.ag-row-hover {
+    .ag-cell {
+      .more-options {
+        display: inline-block;
+        float: right;
+        .dropdown-menu::before {
+          top: -24px;
+        }
+      }
+      .sfx-icon-show-password {
+        display: inline-block;
+        color: $color-white;
       }
-    }
-    .sfx-icon-show-password {
-      display: inline-block;
-      color: $color-white;
     }
   }
-}
-.ag-row.ag-row-focus {
-  z-index: 2;
+  .ag-row.ag-row-focus {
+    z-index: 2;
+  }
 }
 
 // End Grid

package/projects/component-library/lib/atoms/tooltip-wrapper/tooltip-wrapper.component.d.ts

@@ -1,8 +1,8 @@
 import * as i0 from "@angular/core";
 export declare class TooltipWrapperComponent {
     placement: string;
-    tooltipText: string;
+    tooltipHtml: string;
     constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<TooltipWrapperComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TooltipWrapperComponent, "symphony-tooltip-wrapper", never, { "placement": "placement"; "tooltipText": "tooltipText"; }, {}, never, ["*"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TooltipWrapperComponent, "symphony-tooltip-wrapper", never, { "placement": "placement"; "tooltipHtml": "tooltipHtml"; }, {}, never, ["*"]>;
 }

package/projects/component-library/lib/molecules/advertise-order-review/advertise-order-review.component.d.ts

@@ -0,0 +1,6 @@
+import * as i0 from "@angular/core";
+export declare class AdvertiseOrderReviewComponent {
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<AdvertiseOrderReviewComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AdvertiseOrderReviewComponent, "symphony-advertise-order-review", never, {}, {}, never, never>;
+}

package/projects/component-library/lib/molecules/advertise-order-review/advertise-order-review.module.d.ts

@@ -0,0 +1,10 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./advertise-order-review.component";
+import * as i2 from "@angular/common";
+import * as i3 from "../../atoms/h4/h4.module";
+import * as i4 from "../../atoms/paragraph/paragraph.module";
+export declare class AdvertiseOrderReviewModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<AdvertiseOrderReviewModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AdvertiseOrderReviewModule, [typeof i1.AdvertiseOrderReviewComponent], [typeof i2.CommonModule, typeof i3.H4Module, typeof i4.ParagraphModule], [typeof i1.AdvertiseOrderReviewComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<AdvertiseOrderReviewModule>;
+}

package/projects/component-library/lib/molecules/h5-with-icon/h5-with-icon.model.d.ts

@@ -4,6 +4,6 @@ export interface H5WithIconModel {
     icon: Icons;
     iconFirst: boolean;
     iconColor?: string;
-    tooltipText?: string;
+    tooltipHtml?: string;
     placement?: string;
 }

package/projects/component-library/lib/molecules/h5-with-icon/h5-with-icon.module.d.ts

@@ -3,10 +3,9 @@ import * as i1 from "./h5-with-icon.component";
 import * as i2 from "@angular/common";
 import * as i3 from "../../atoms/h5/h5.module";
 import * as i4 from "../../atoms/icon/icon.module";
-import * as i5 from "ngx-bootstrap/tooltip";
-import * as i6 from "../../atoms/tooltip-wrapper/tooltip-wrapper.module";
+import * as i5 from "../../atoms/tooltip-wrapper/tooltip-wrapper.module";
 export declare class H5WithIconModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<H5WithIconModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<H5WithIconModule, [typeof i1.H5WithIconComponent], [typeof i2.CommonModule, typeof i3.H5Module, typeof i4.IconModule, typeof i5.TooltipModule, typeof i6.TooltipWrapperModule], [typeof i1.H5WithIconComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<H5WithIconModule, [typeof i1.H5WithIconComponent], [typeof i2.CommonModule, typeof i3.H5Module, typeof i4.IconModule, typeof i5.TooltipWrapperModule], [typeof i1.H5WithIconComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<H5WithIconModule>;
 }

package/projects/component-library/lib/molecules/invoice-line-item/invoice-line-item.component.d.ts

@@ -0,0 +1,8 @@
+import { InvoiceModel } from './invoice-line-item.model';
+import * as i0 from "@angular/core";
+export declare class InvoiceLineItemComponent {
+    model: Partial<InvoiceModel>;
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<InvoiceLineItemComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<InvoiceLineItemComponent, "symphony-invoice-line-item", never, { "model": "model"; }, {}, never, never>;
+}

package/projects/component-library/lib/molecules/invoice-line-item/invoice-line-item.model.d.ts

@@ -0,0 +1,5 @@
+export interface InvoiceModel {
+    textLeft: string;
+    textRight: string;
+    label: string;
+}

package/projects/component-library/lib/molecules/invoice-line-item/invoice-line-item.module.d.ts

@@ -0,0 +1,10 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./invoice-line-item.component";
+import * as i2 from "@angular/common";
+import * as i3 from "../../atoms/paragraph/paragraph.module";
+import * as i4 from "../../atoms/h5/h5.module";
+export declare class InvoiceLineItemModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<InvoiceLineItemModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<InvoiceLineItemModule, [typeof i1.InvoiceLineItemComponent], [typeof i2.CommonModule, typeof i3.ParagraphModule, typeof i4.H5Module], [typeof i1.InvoiceLineItemComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<InvoiceLineItemModule>;
+}

package/projects/component-library/lib/molecules/molecules.module.d.ts

@@ -7,8 +7,9 @@ import * as i5 from "./color-swatch/color-swatch.module";
 import * as i6 from "./icon-swatch/icon-swatch.module";
 import * as i7 from "./breadcrumb/breadcrumb.module";
 import * as i8 from "./h5-with-icon/h5-with-icon.module";
+import * as i9 from "./invoice-line-item/invoice-line-item.module";
 export declare class MoleculesModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<MoleculesModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<MoleculesModule, never, [typeof i1.CommonModule, typeof i2.AvatarModule, typeof i3.ContextualMenuModule, typeof i4.PillsModule, typeof i5.ColorSwatchModule, typeof i6.IconSwatchModule, typeof i7.BreadcrumbModule, typeof i8.H5WithIconModule], [typeof i4.PillsModule, typeof i7.BreadcrumbModule]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<MoleculesModule, never, [typeof i1.CommonModule, typeof i2.AvatarModule, typeof i3.ContextualMenuModule, typeof i4.PillsModule, typeof i5.ColorSwatchModule, typeof i6.IconSwatchModule, typeof i7.BreadcrumbModule, typeof i8.H5WithIconModule, typeof i9.InvoiceLineItemModule], [typeof i4.PillsModule, typeof i7.BreadcrumbModule]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<MoleculesModule>;
 }

package/projects/component-library/lib/pages/modals/advertise-modal/advertise-modal.model.d.ts

@@ -5,6 +5,7 @@ export interface AdvertiseModalModel {
     showFunds: boolean;
     fundsInfo: H5WithIconModel;
     primaryButtonText: string;
+    disablePrimaryButton: boolean;
     secondaryButtonText: string;
     backButtonText: string;
     jobsToAdvertise: AdvertiseJobModel[];
@@ -13,6 +14,7 @@ export interface AdvertiseModalModel {
     hasJobBoardsLoadingFailed: boolean;
     currency: string;
     navigation: AdvertiseModalNavigation;
+    isLoading: boolean;
 }
 export interface AdvertiseJobModel {
     id: number;

package/projects/component-library/lib/pages/modals/advertise-modal/advertise-modal.module.d.ts

@@ -12,8 +12,10 @@ import * as i10 from "../../../atoms/button/button.module";
 import * as i11 from "../../../templates/placeholder/placeholder.module";
 import * as i12 from "../../../molecules/h5-with-icon/h5-with-icon.module";
 import * as i13 from "../../../organisms/advertise-postingboard-selection-list/advertise-postingboard-selection-list.module";
+import * as i14 from "../../../atoms/sfx-loader/sfx-loader.module";
+import * as i15 from "../../../molecules/advertise-order-review/advertise-order-review.module";
 export declare class ModalModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<ModalModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<ModalModule, [typeof i1.AdvertiseModalComponent], [typeof i2.CommonModule, typeof i3.TwoColumnModalModule, typeof i4.TwoColumnBodyTemplateModule, typeof i5.H4Module, typeof i6.H5Module, typeof i7.ParagraphModule, typeof i8.IconModule, typeof i9.InputTextModule, typeof i10.ButtonModule, typeof i11.PlaceholderModule, typeof i12.H5WithIconModule, typeof i13.AdvertisePostingboardSelectionListModule], [typeof i1.AdvertiseModalComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ModalModule, [typeof i1.AdvertiseModalComponent], [typeof i2.CommonModule, typeof i3.TwoColumnModalModule, typeof i4.TwoColumnBodyTemplateModule, typeof i5.H4Module, typeof i6.H5Module, typeof i7.ParagraphModule, typeof i8.IconModule, typeof i9.InputTextModule, typeof i10.ButtonModule, typeof i11.PlaceholderModule, typeof i12.H5WithIconModule, typeof i13.AdvertisePostingboardSelectionListModule, typeof i14.SfxLoaderModule, typeof i15.AdvertiseOrderReviewModule], [typeof i1.AdvertiseModalComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<ModalModule>;
 }