bpm-core 0.0.114 → 0.0.116

package/lib/components/shared-components/form-field/form-label/form-label.component.d.ts

@@ -2,7 +2,7 @@ import { CoreI18nService } from '../../../../services';
 import * as i0 from "@angular/core";
 export declare class FormLabelComponent {
     i18n: CoreI18nService;
-    tooltip: any;
+    tooltip: string;
     label: string;
     optional: boolean;
     constructor(i18n: CoreI18nService);

package/lib/components/shared-components/form-field/index.d.ts

@@ -24,3 +24,4 @@ export * from './radio/radio.component';
 export * from './doc-uploader/docs-uploader.component';
 export type { ErrorMsg } from './validation-errors/validation-error-messages';
 export { ValidationErrorsComponent } from './validation-errors/validation-errors.component';
+export * from './multiselect/multiselect.component';

package/lib/components/shared-components/form-field/multiselect/multiselect.component.d.ts

@@ -0,0 +1,59 @@
+import { OnInit } from '@angular/core';
+import { MatSelectChange } from '@angular/material/select';
+import { ControlValueAccessorDirective } from '../control-value-accessor.directive';
+import * as i0 from "@angular/core";
+interface KeyValuePair {
+    key: string;
+    value: string;
+}
+/**
+ * Multi-select dropdown component for selecting multiple options.
+ *
+ * Supports both Reactive Forms and Template-driven forms.
+ *
+ * Inputs:
+ * - `options`: Accepts an array of objects used as the selection list.
+ * - `displayedLabel`: Property name from the option object to display in the UI (default: `'description'`).
+ * - `key`: Property name from the option object used as the value (default: `'value'`).
+ * - `label`: Defines the label text shown above the multi-select field.
+ * - `placeholder`: Sets the placeholder text when no value is selected.
+ * - `isReadOnly`: Disables interaction and renders the component in a read-only display mode.
+ * - `mandatory`: Hides the "optional" label visually. Does not add validation.
+ * - `required`: Hides the "optional" label and also adds Angular's required validator.
+ * - `tooltip`: Displays a tooltip beside the label.
+ * - `loading`: Shows a loading spinner inside the dropdown when set to true.
+ * - `customErrorMessages`: Custom messages for validation errors.
+ *
+ * Emits:
+ * - The selected value is emitted as an array of objects:
+ *   ```ts
+ *   [{ key: option[key], value: option[displayedLabel] }, ...]
+ *   ```
+ *
+ * Example usage:
+ * ```html
+ * <app-multiselect
+ *   class="section-item"
+ *   formControlName="multi"
+ *   [options]="[]"
+ *   label="Multi select"
+ *   placeholder="Select from here"
+ *   [isReadOnly]="false"
+ *   [mandatory]="true"
+ * >
+ * </app-multiselect>
+ * ```
+ */
+export declare class MultiselectComponent<Type> extends ControlValueAccessorDirective<Type> implements OnInit {
+    options: any[];
+    displayedLabel: string;
+    key: string;
+    private cdRef;
+    private destroyRef;
+    ngOnInit(): void;
+    selectionChange(event: MatSelectChange<any[]>): void;
+    mapKeyValuePairsToKeys(value: KeyValuePair[] | null): string[];
+    static ɵfac: i0.ɵɵFactoryDeclaration<MultiselectComponent<any>, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MultiselectComponent<any>, "app-multiselect", never, { "options": { "alias": "options"; "required": false; }; "displayedLabel": { "alias": "displayedLabel"; "required": false; }; "key": { "alias": "key"; "required": false; }; }, {}, never, never, true, never>;
+}
+export {};

package/lib/components/shared-components/form-field/shared-imports.d.ts

@@ -9,7 +9,7 @@ import { EnOnlyDirective } from "../../../directives/en.directive";
 import { ArOnlyDirective } from "../../../directives/ar.directive";
 import { NgClass } from "@angular/common";
 import { TranslatePipe } from "../../../pipes/translate.pipe";
-export declare const MatDatePickerImports: (typeof MatDatepickerInput | typeof MatDatepickerToggle | typeof MatDatepickerModule)[];
-export declare const MatFormImports: (typeof MatInput | typeof MatFormFieldModule | typeof MatFormField)[];
-export declare const Shareds: (typeof NgClass | typeof ReactiveFormsModule | typeof TranslatePipe | typeof FormLabelComponent | typeof ValidationErrorsComponent | typeof InfoItemComponent)[];
+export declare const MatDatePickerImports: (typeof MatDatepickerToggle | typeof MatDatepickerInput | typeof MatDatepickerModule)[];
+export declare const MatFormImports: (typeof MatFormFieldModule | typeof MatFormField | typeof MatInput)[];
+export declare const Shareds: (typeof FormLabelComponent | typeof ValidationErrorsComponent | typeof InfoItemComponent | typeof ReactiveFormsModule | typeof NgClass | typeof TranslatePipe)[];
 export declare const TextLanguageDirectives: (typeof EnOnlyDirective | typeof ArOnlyDirective)[];

package/lib/functions/validators.d.ts

@@ -39,6 +39,10 @@ export declare function logFormStatus(formGroup: FormGroup): void;
  * A collection of custom validators for various data types.
  */
 export declare class DataValidators {
+    /**
+     * Validates that the control's value is the string 'true'
+     */
+    static checkboxRequired(control: AbstractControl): ValidationErrors | null;
     /**
      * Validates that the control's value is a valid employee object.
      */

package/lib/testComponent/request-details-section/request-details-section.component.d.ts

@@ -1,7 +1,7 @@
 import { DestroyRef, OnInit } from '@angular/core';
 import { Form, Section } from "../../interfaces";
 import { ActionStateService, CoreI18nService } from "../../services";
-import { FormBuilder, FormGroup, ValidatorFn } from "@angular/forms";
+import { FormBuilder, FormGroup, FormControl, ValidatorFn } from "@angular/forms";
 import * as i0 from "@angular/core";
 export declare class RequestDetailsSectionComponent implements OnInit {
     i18n: CoreI18nService;
@@ -50,6 +50,10 @@ export declare class RequestDetailsSectionComponent implements OnInit {
         sumQuantity: number;
         __typename: string;
     }[];
+    multiData: {
+        description: string;
+        value: string;
+    }[];
     totalElements: number;
     constructor(i18n: CoreI18nService, fb: FormBuilder, actionStateService: ActionStateService);
     ngOnInit(): void;
@@ -57,16 +61,56 @@ export declare class RequestDetailsSectionComponent implements OnInit {
     initializeColumns(): void;
     initializeColumnConfig(): void;
     createForm(): void;
-    textArea: string;
     editAsset(asset: any): void;
     startsWithDMOEOrCR(): ValidatorFn;
     deleteAsset(asset: any): void;
-    log(d: any): void;
     formValue(form: any): void;
     checkValidity(action: string): boolean;
     customCallSubmit(action: string): void;
     resetForm(): void;
+    multi: {
+        key: string;
+        value: string;
+    }[];
     pageChanged(event: any): void;
+    countryControl: FormControl<any>;
+    skillsControl: FormControl<any[]>;
+    stateControl: FormControl<any>;
+    categoryControl: FormControl<any>;
+    priorityControl: FormControl<any>;
+    selectedCountry: string;
+    isLoadingCategories: boolean;
+    countryOptions: {
+        options: {
+            value: string;
+            description: string;
+        }[];
+    };
+    skillsOptions: {
+        options: {
+            value: string;
+            description: string;
+        }[];
+    };
+    stateOptions: {
+        options: {
+            value: string;
+            description: string;
+            parentValue: string;
+        }[];
+    };
+    priorityOptions: {
+        options: {
+            value: string;
+            description: string;
+        }[];
+    };
+    categoryOptions: {
+        options: any[];
+    };
+    onCountrySelected(event: any): void;
+    onSkillsSelected(values: string[]): void;
+    loadCategories(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<RequestDetailsSectionComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<RequestDetailsSectionComponent, "app-request-details-section", never, { "isReadOnly": { "alias": "isReadOnly"; "required": false; }; "section": { "alias": "section"; "required": false; }; "form": { "alias": "form"; "required": false; }; "lov": { "alias": "lov"; "required": false; }; "className": { "alias": "className"; "required": false; }; }, {}, never, never, true, never>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bpm-core",
-  "version": "0.0.114",
+  "version": "0.0.116",
   "peerDependencies": {
     "@angular/common": "^19.0.0",
     "@angular/core": "^19.0.0",

package/src/lib/assets/scss/_general.scss

@@ -1943,3 +1943,15 @@ mat-form-field.mat-mdc-form-field .mat-mdc-form-field-icon-suffix {
 mat-form-field.mat-mdc-form-field .mat-mdc-form-field-infix label {
   margin-bottom: 0 !important;
 }
+
+.mdc-menu-surface .mdc-list-item .mat-pseudo-checkbox-checked:after,
+.mdc-menu-surface .mat-mdc-menu-item .mat-pseudo-checkbox-checked:after,
+.mat-mdc-menu-panel .mdc-list-item .mat-pseudo-checkbox-checked:after,
+.mat-mdc-menu-panel .mat-mdc-menu-item .mat-pseudo-checkbox-checked:after {
+  color: var(--white);
+}
+
+
+.mat-primary {
+  --mat-full-pseudo-checkbox-selected-icon-color: var(--purple);
+}

package/src/lib/assets/scss/components/_fields.scss

@@ -8,6 +8,9 @@ app-form-label {
     color: var(--dark);
     text-transform: initial;
   }
+  .optional-input {
+    margin-inline-start: 8px;
+  }
 }
 
 html mat-form-field.mat-mdc-form-field {