commons-shared-web-ui 0.0.9 → 0.0.11

package/index.d.ts

@@ -3,7 +3,7 @@ import { OnInit, OnDestroy, EventEmitter, OnChanges, SimpleChanges, ElementRef,
 import * as i2$1 from '@angular/common';
 import * as i1 from '@angular/material/card';
 import * as i2 from '@angular/material/snack-bar';
-import { MatSnackBar } from '@angular/material/snack-bar';
+import { MatSnackBar, MatSnackBarRef } from '@angular/material/snack-bar';
 import * as i3 from '@angular/material/checkbox';
 import * as i4 from '@angular/material/divider';
 import * as i5 from '@angular/material/select';
@@ -38,6 +38,7 @@ import * as i11$1 from '@angular/cdk/scrolling';
 import { CdkVirtualScrollViewport } from '@angular/cdk/scrolling';
 import { HttpClient, HttpHeaders } from '@angular/common/http';
 import { Observable, Subject } from 'rxjs';
+import * as i9$1 from 'ngx-quill';
 
 declare class MaterialModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<MaterialModule, never>;
@@ -1472,6 +1473,8 @@ interface FormSchema {
     tokenHeader?: string;
     /** Custom label keys for form actions */
     labels?: FormLabels;
+    /** Config for form editing (GET to load, PATCH/PUT to submit) */
+    editConfig?: EditConfig;
 }
 interface FormLabels {
     nextLabel?: string;
@@ -1485,6 +1488,33 @@ interface SubmitConfig {
     method?: 'POST' | 'PUT' | 'PATCH';
     successMessage?: string;
     errorMessage?: string;
+    redirectUrl?: string;
+    extraPayload?: {
+        [key: string]: any;
+    };
+    snackbarConfig?: {
+        duration?: number;
+        horizontalPosition?: 'start' | 'center' | 'end' | 'left' | 'right';
+        verticalPosition?: 'top' | 'bottom';
+        showCloseButton?: boolean;
+    };
+}
+interface EditConfig {
+    loadApiUrl: string;
+    submitApiUrl: string;
+    submitMethod?: 'PATCH' | 'PUT' | 'POST';
+    successMessage?: string;
+    errorMessage?: string;
+    redirectUrl?: string;
+    extraPayload?: {
+        [key: string]: any;
+    };
+    snackbarConfig?: {
+        duration?: number;
+        horizontalPosition?: 'start' | 'center' | 'end' | 'left' | 'right';
+        verticalPosition?: 'top' | 'bottom';
+        showCloseButton?: boolean;
+    };
 }
 interface SectionConfig {
     children: FieldConfig[];
@@ -1509,6 +1539,8 @@ interface FieldConfig {
     defaultValue?: any;
     placeholder?: string;
     hint?: string;
+    /** Dot-notation path for nested payload mapping (e.g., 'status.code') */
+    payloadPath?: string;
     /**
      * Column span in a 12-column grid (1–12).
      * Use this on any field or ROW to control its width.
@@ -1545,6 +1577,7 @@ interface FieldConfig {
     attachmentConfig?: AttachmentConfig;
     locationConfig?: LocationConfig;
     ratingConfig?: RatingConfig;
+    richTextConfig?: RichTextConfig;
     children?: FieldConfig[];
 }
 interface TextConfig {
@@ -1642,6 +1675,10 @@ interface RatingConfig {
     maxRating?: number;
     allowHalf?: boolean;
 }
+interface RichTextConfig {
+    height?: string;
+    placeholder?: string;
+}
 interface ValidationResult {
     isValid: boolean;
     errorMessage?: string;
@@ -1692,11 +1729,34 @@ declare class ExpressionService {
     static ɵprov: i0.ɵɵInjectableDeclaration<ExpressionService>;
 }
 
+type SnackbarVariant = 'success' | 'error' | 'warning' | 'info';
+interface SnackbarConfig {
+    message: string;
+    variant?: SnackbarVariant;
+    duration?: number;
+    horizontalPosition?: 'start' | 'center' | 'end' | 'left' | 'right';
+    verticalPosition?: 'top' | 'bottom';
+    showCloseButton?: boolean;
+}
+
+declare class SnackbarService {
+    private snackBar;
+    constructor(snackBar: MatSnackBar);
+    show(config: SnackbarConfig): void;
+    success(message: string, duration?: number): void;
+    error(message: string, duration?: number): void;
+    warning(message: string, duration?: number): void;
+    info(message: string, duration?: number): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SnackbarService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<SnackbarService>;
+}
+
 declare class SmartFormComponent implements OnInit, OnChanges, OnDestroy {
     private fb;
     controller: SmartFormController;
     private expressionService;
     private http;
+    private snackbarService;
     formJson: string;
     initialValues?: {
         [key: string]: any;
@@ -1708,6 +1768,7 @@ declare class SmartFormComponent implements OnInit, OnChanges, OnDestroy {
      *  Mirrors the pattern used by ConfigurableFormComponent + translateConfig.
      */
     labels: any;
+    mode: 'CREATE' | 'EDIT';
     submit: EventEmitter<{
         [key: string]: any;
     }>;
@@ -1718,8 +1779,9 @@ declare class SmartFormComponent implements OnInit, OnChanges, OnDestroy {
     isStepper: boolean;
     currentStep: number;
     isLoading: boolean;
-    constructor(fb: FormBuilder, controller: SmartFormController, expressionService: ExpressionService, http: HttpClient);
+    constructor(fb: FormBuilder, controller: SmartFormController, expressionService: ExpressionService, http: HttpClient, snackbarService: SnackbarService);
     ngOnInit(): void;
+    loadEditData(): void;
     ngOnChanges(changes: SimpleChanges): void;
     ngOnDestroy(): void;
     parseFormJson(): void;
@@ -1727,16 +1789,22 @@ declare class SmartFormComponent implements OnInit, OnChanges, OnDestroy {
     collectFields(fields: FieldConfig[]): void;
     handleSubmit(): void;
     /**
-     * Recursively extracts values from the formGroup, converting FormArrays to
-     * arrays of objects so repeater groups come out as expected.
+     * Constructs nested payload by checking field properties on form controls.
      */
     collectFormData(): {
         [key: string]: any;
     };
+    /**
+     * Deep merges the source object (e.g. extraPayload) into the target object (e.g. form payload).
+     */
+    private deepMerge;
+    private buildNestedPayload;
+    private setNestedValue;
     private extractGroupValue;
     validate(): boolean;
     scrollToFirstInvalidControl(): void;
     submitToApi(formData: any): void;
+    showAlert(type: 'success' | 'error' | 'warning' | 'info', message: string, customConfig?: any): void;
     /** Builds HttpHeaders from the token stored in the controller (sourced from configJSON). */
     getHeaders(): HttpHeaders;
     nextStep(): void;
@@ -1748,7 +1816,7 @@ declare class SmartFormComponent implements OnInit, OnChanges, OnDestroy {
     get submitLabel(): string;
     get previousLabel(): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<SmartFormComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SmartFormComponent, "lib-smart-form", never, { "formJson": { "alias": "formJson"; "required": false; }; "initialValues": { "alias": "initialValues"; "required": false; }; "enableDraftAutoSave": { "alias": "enableDraftAutoSave"; "required": false; }; "labels": { "alias": "labels"; "required": false; }; }, { "submit": "submit"; "draftSave": "draftSave"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SmartFormComponent, "lib-smart-form", never, { "formJson": { "alias": "formJson"; "required": false; }; "initialValues": { "alias": "initialValues"; "required": false; }; "enableDraftAutoSave": { "alias": "enableDraftAutoSave"; "required": false; }; "labels": { "alias": "labels"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; }, { "submit": "submit"; "draftSave": "draftSave"; }, never, never, false, never>;
 }
 
 declare class FormSectionComponent implements OnInit, OnDestroy {
@@ -1881,6 +1949,7 @@ declare class FormFieldComponent implements OnInit, OnDestroy {
     get isChip(): boolean;
     get isSwitch(): boolean;
     get isRating(): boolean;
+    get isRichText(): boolean;
     get isGenerated(): boolean;
     get isRow(): boolean;
     get isGroup(): boolean;
@@ -1910,7 +1979,7 @@ declare class FormFieldComponent implements OnInit, OnDestroy {
 
 declare class SmartFormModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<SmartFormModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<SmartFormModule, [typeof SmartFormComponent, typeof FormSectionComponent, typeof FormFieldComponent], [typeof i2$1.CommonModule, typeof i3$1.ReactiveFormsModule, typeof i3$1.FormsModule, typeof MaterialModule, typeof ButtonModule], [typeof SmartFormComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<SmartFormModule, [typeof SmartFormComponent, typeof FormSectionComponent, typeof FormFieldComponent], [typeof i2$1.CommonModule, typeof i3$1.ReactiveFormsModule, typeof i3$1.FormsModule, typeof MaterialModule, typeof ButtonModule, typeof AlertModule, typeof i9$1.QuillModule], [typeof SmartFormComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<SmartFormModule>;
 }
 
@@ -2325,5 +2394,19 @@ declare namespace smartForm_examples_d {
   };
 }
 
-export { AlertComponent, AlertModule, ButtonComponent, ButtonModule, CheckboxComponent, ConfigurableFormComponent, configurableForm_examples_d as ConfigurableFormExamples, ConfigurableFormModule, ConfirmationModalComponent, ConfirmationModalModule, DEFAULT_ITEMS_PER_PAGE, DEFAULT_PAGE_SIZE_OPTIONS, DatepickerComponent, DropdownComponent, ExpressionService, FilterComponent, FilterModule, FilterSidebarComponent, FilterSidebarModule, FormComponentsModule, InputComponent, MaterialModule, NAV_ORIENTATION_DEFAULT, NAV_VARIANT_DEFAULT, NavComponent, NavModule, PAGINATION_THEME_DARK, PAGINATION_THEME_DEFAULT, PaginationComponent, PaginationModule, RadioComponent, SearchComponent, SharedUiModule, SmartFormComponent, SmartFormController, smartForm_examples_d as SmartFormExamples, SmartFormModule, SmartTableComponent, SmartTableModule, StringUtils, SummaryCardComponent, SummaryCardModule, ToggleComponent, ValidationUtils, clearLocalStorage, clearSessionStorage, getLocalStorageItem, getSessionStorageItem, removeLocalStorageItem, removeSessionStorageItem, setLocalStorageItem, setSessionStorageItem, translateConfig };
-export type { AlertLabels, AlertVariant, AttachmentConfig, ButtonLabels, ButtonVariant, CheckboxConfig, CheckboxLabels, CheckboxOption, ConfirmationModalConfig, DateConfig, DatePickerConfig, DatepickerLabels, DropdownConfig, DropdownLabels, DropdownOption, EmailConfig, FieldConfig, FieldType, FilterChangeEvent, FilterConfig, FilterItem, FilterItemType, FilterOutput, FilterSearchConfig, FilterSidebarChangeEvent, FilterSidebarConfig, FilterSidebarOutput, FormConfig, FormField, FormOption, FormSchema, FormSection, GeneratedConfig, IconInput, InputConfig, InputLabels, InputType, JsonFieldConfig, JsonFormConfig, KeyType, LengthConstraint, LocationConfig, NavItem, NavStyleConfig, NestedStringConfig, NumberConfig, OptionConfig$1 as OptionConfig, OptionDTO, OptionItem, PaginationConfig, PaginationLabels, PhoneConfig, QueryParamsConfig, RadioConfig, RadioLabels, RadioOption, RangeConfig, RatingConfig, SearchConfig, SearchLabels, SectionConfig, StepperConfig, SubmitConfig, SummaryCardConfig, SummaryCardLabels, SummaryCardMeta, TableAction, TableActionItem, TableColumn, TableConfig, TableFilter, TableFilterChangeEvent, TableFilterColumn, TableFilterConfig, TableFilterItem, TableFilterLabels, TableFilterOutput, TableLabels, TableOption, TableTheme, TextConfig, ToggleConfig, ToggleLabels, UIConfig, UISubType, UIType, UploadedFile, ValidationResult, ValidationRules };
+declare class SnackbarComponent {
+    data: SnackbarConfig;
+    snackBarRef: MatSnackBarRef<SnackbarComponent>;
+    get variantClass(): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SnackbarComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SnackbarComponent, "lib-snackbar", never, {}, {}, never, never, false, never>;
+}
+
+declare class SnackbarModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<SnackbarModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<SnackbarModule, [typeof SnackbarComponent], [typeof i2$1.CommonModule, typeof i2.MatSnackBarModule], [typeof SnackbarComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<SnackbarModule>;
+}
+
+export { AlertComponent, AlertModule, ButtonComponent, ButtonModule, CheckboxComponent, ConfigurableFormComponent, configurableForm_examples_d as ConfigurableFormExamples, ConfigurableFormModule, ConfirmationModalComponent, ConfirmationModalModule, DEFAULT_ITEMS_PER_PAGE, DEFAULT_PAGE_SIZE_OPTIONS, DatepickerComponent, DropdownComponent, ExpressionService, FilterComponent, FilterModule, FilterSidebarComponent, FilterSidebarModule, FormComponentsModule, InputComponent, MaterialModule, NAV_ORIENTATION_DEFAULT, NAV_VARIANT_DEFAULT, NavComponent, NavModule, PAGINATION_THEME_DARK, PAGINATION_THEME_DEFAULT, PaginationComponent, PaginationModule, RadioComponent, SearchComponent, SharedUiModule, SmartFormComponent, SmartFormController, smartForm_examples_d as SmartFormExamples, SmartFormModule, SmartTableComponent, SmartTableModule, SnackbarComponent, SnackbarModule, SnackbarService, StringUtils, SummaryCardComponent, SummaryCardModule, ToggleComponent, ValidationUtils, clearLocalStorage, clearSessionStorage, getLocalStorageItem, getSessionStorageItem, removeLocalStorageItem, removeSessionStorageItem, setLocalStorageItem, setSessionStorageItem, translateConfig };
+export type { AlertLabels, AlertVariant, AttachmentConfig, ButtonLabels, ButtonVariant, CheckboxConfig, CheckboxLabels, CheckboxOption, ConfirmationModalConfig, DateConfig, DatePickerConfig, DatepickerLabels, DropdownConfig, DropdownLabels, DropdownOption, EmailConfig, FieldConfig, FieldType, FilterChangeEvent, FilterConfig, FilterItem, FilterItemType, FilterOutput, FilterSearchConfig, FilterSidebarChangeEvent, FilterSidebarConfig, FilterSidebarOutput, FormConfig, FormField, FormOption, FormSchema, FormSection, GeneratedConfig, IconInput, InputConfig, InputLabels, InputType, JsonFieldConfig, JsonFormConfig, KeyType, LengthConstraint, LocationConfig, NavItem, NavStyleConfig, NestedStringConfig, NumberConfig, OptionConfig$1 as OptionConfig, OptionDTO, OptionItem, PaginationConfig, PaginationLabels, PhoneConfig, QueryParamsConfig, RadioConfig, RadioLabels, RadioOption, RangeConfig, RatingConfig, SearchConfig, SearchLabels, SectionConfig, SnackbarConfig, SnackbarVariant, StepperConfig, SubmitConfig, SummaryCardConfig, SummaryCardLabels, SummaryCardMeta, TableAction, TableActionItem, TableColumn, TableConfig, TableFilter, TableFilterChangeEvent, TableFilterColumn, TableFilterConfig, TableFilterItem, TableFilterLabels, TableFilterOutput, TableLabels, TableOption, TableTheme, TextConfig, ToggleConfig, ToggleLabels, UIConfig, UISubType, UIType, UploadedFile, ValidationResult, ValidationRules };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "commons-shared-web-ui",
-  "version": "0.0.9",
+  "version": "0.0.11",
   "peerDependencies": {
     "@angular/animations": "20.3.15",
     "@angular/cdk": "20.2.14",
@@ -13,7 +13,9 @@
     "@angular/platform-browser-dynamic": "20.3.15",
     "@angular/router": "20.3.15",
     "rxjs": "7.8.0",
-    "zone.js": "~0.14.0 || ~0.15.0"
+    "zone.js": "~0.14.0 || ~0.15.0",
+    "ngx-quill": "^28.0.0",
+    "quill": "^2.0.3"
   },
   "dependencies": {
     "tslib": "^2.3.0"

package/src/lib/styles/global.scss

@@ -1,3 +1,5 @@
+@import 'quill/dist/quill.snow.css';
+
 :root {
   /* Default Variables (Can be overridden) */
   --cc-card-bg: #ffffff;