commons-shared-web-ui 0.0.24 → 0.0.25

package/index.d.ts

@@ -6,7 +6,7 @@ import { FormGroup, FormBuilder, FormArray, FormControl, ValidatorFn, ControlVal
 import { HttpClient, HttpHeaders } from '@angular/common/http';
 import * as i3$2 from '@angular/router';
 import { Router, ActivatedRoute } from '@angular/router';
-import { Observable, Subject } from 'rxjs';
+import { BehaviorSubject, Subject, Observable } from 'rxjs';
 import * as i2 from '@angular/material/snack-bar';
 import { MatSnackBar, MatSnackBarRef } from '@angular/material/snack-bar';
 import { DomSanitizer, SafeResourceUrl } from '@angular/platform-browser';
@@ -921,7 +921,10 @@ declare class SmartFormController {
     labels: any;
     /** Custom label keys for form actions (Next, Submit, Add, etc.) */
     actionLabels?: FormLabels;
-    private fieldSubjects;
+    fieldSubjects: Map<string, BehaviorSubject<any>>;
+    fileAdded$: Subject<any>;
+    fileUploadFinished$: Subject<any>;
+    fileRemoved$: Subject<any>;
     initialize(initialData: {
         [key: string]: any;
     }): void;
@@ -1013,6 +1016,9 @@ declare class SmartFormComponent implements OnInit, OnChanges, OnDestroy {
     valueChange: EventEmitter<{
         [key: string]: any;
     }>;
+    fileAdded: EventEmitter<any>;
+    fileUploadFinished: EventEmitter<any>;
+    fileRemoved: EventEmitter<any>;
     formSchema: FormSchema;
     formGroup: FormGroup;
     fieldList: FieldConfig[];
@@ -1072,7 +1078,7 @@ declare class SmartFormComponent implements OnInit, OnChanges, OnDestroy {
     private getButtonByActionKind;
     private navigateTo;
     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; }; "mode": { "alias": "mode"; "required": false; }; }, { "submit": "submit"; "draftSave": "draftSave"; "actionClick": "actionClick"; "valueChange": "valueChange"; }, 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"; "actionClick": "actionClick"; "valueChange": "valueChange"; "fileAdded": "fileAdded"; "fileUploadFinished": "fileUploadFinished"; "fileRemoved": "fileRemoved"; }, never, never, false, never>;
 }
 
 declare class FormSectionComponent implements OnInit, OnDestroy {
@@ -1845,7 +1851,7 @@ interface RadioConfig {
     disabled?: boolean;
     required?: boolean;
     labelPosition?: 'before' | 'after';
-    color?: 'primary' | 'accent' | 'warn';
+    color?: 'primary' | 'warning' | 'danger' | 'success' | 'accent' | 'warn' | string;
     layout?: 'vertical' | 'horizontal';
     gap?: string;
     labelColor?: string;
@@ -1872,7 +1878,7 @@ declare class RadioComponent implements ControlValueAccessor, OnInit {
     disabled: boolean;
     required: boolean;
     labelPosition: 'before' | 'after';
-    color: 'primary' | 'accent' | 'warn';
+    color: 'primary' | 'warning' | 'danger' | 'success' | 'accent' | 'warn' | string;
     layout: 'vertical' | 'horizontal';
     labels: RadioLabels;
     gap?: string;
@@ -1904,8 +1910,9 @@ declare class RadioComponent implements ControlValueAccessor, OnInit {
     registerOnChange(fn: any): void;
     registerOnTouched(fn: any): void;
     setDisabledState(isDisabled: boolean): void;
-    onRadioChange(event: any): void;
+    onRadioChange(option: RadioOption): void;
     private getStyleValue;
+    private getThemeColor;
     get wrapperStyles(): {
         [key: string]: string | undefined;
     };
@@ -1922,7 +1929,7 @@ interface ToggleConfig {
     disabled?: boolean;
     required?: boolean;
     labelPosition?: 'before' | 'after';
-    color?: string;
+    color?: 'primary' | 'warning' | 'danger' | 'success' | string;
     uncheckedColor?: string;
     checkedColor?: string;
     thumbColor?: string;
@@ -1976,6 +1983,7 @@ declare class ToggleComponent implements ControlValueAccessor, OnInit, OnChanges
     setDisabledState(isDisabled: boolean): void;
     onToggleChange(event: any): void;
     private getStyleValue;
+    private getThemeColor;
     get wrapperStyles(): {
         [key: string]: string | undefined;
     };
@@ -2339,6 +2347,8 @@ declare class ButtonDropdownComponent {
 declare class ConfirmationModalComponent implements OnInit, OnDestroy {
     config: ConfirmationModalConfig;
     isOpen: boolean;
+    confirmDisabled: boolean;
+    confirmLoading: boolean;
     confirm: EventEmitter<void>;
     cancel: EventEmitter<void>;
     close: EventEmitter<void>;
@@ -2346,6 +2356,7 @@ declare class ConfirmationModalComponent implements OnInit, OnDestroy {
     private defaultConfig;
     mergedConfig: ConfirmationModalConfig;
     private previousActiveElement;
+    private isSubmitting;
     ngOnInit(): void;
     ngOnChanges(): void;
     private updateConfig;
@@ -2364,7 +2375,7 @@ declare class ConfirmationModalComponent implements OnInit, OnDestroy {
     getIconValue(icon: any): string;
     getIconColor(icon: any): string | undefined;
     static ɵfac: i0.ɵɵFactoryDeclaration<ConfirmationModalComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ConfirmationModalComponent, "cc-confirmation-modal", never, { "config": { "alias": "config"; "required": false; }; "isOpen": { "alias": "isOpen"; "required": false; }; }, { "confirm": "confirm"; "cancel": "cancel"; "close": "close"; "showCodeSnippet": "showCodeSnippet"; }, never, ["*", "[cc-modal-footer]"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ConfirmationModalComponent, "cc-confirmation-modal", never, { "config": { "alias": "config"; "required": false; }; "isOpen": { "alias": "isOpen"; "required": false; }; "confirmDisabled": { "alias": "confirmDisabled"; "required": false; }; "confirmLoading": { "alias": "confirmLoading"; "required": false; }; }, { "confirm": "confirm"; "cancel": "cancel"; "close": "close"; "showCodeSnippet": "showCodeSnippet"; }, never, ["*", "[cc-modal-footer]"], false, never>;
 }
 
 declare class ConfirmationModalModule {
@@ -3128,7 +3139,7 @@ interface TableFilter {
 }
 interface TableActionItem {
     label: string;
-    type: 'api' | 'callback' | 'route';
+    type: 'api' | 'callback' | 'route' | 'delete';
     icon?: string;
     apiUrl?: string;
     apiMethod?: 'GET' | 'POST' | 'PUT' | 'DELETE' | 'PATCH';
@@ -3136,6 +3147,15 @@ interface TableActionItem {
     confirmationNeeded?: boolean;
     confirmationMessage?: string;
     callback?: (row: any) => void;
+    /** Config for native 'delete' action type — drives the built-in confirmation modal */
+    deleteConfig?: {
+        apiUrl: string;
+        idField?: string;
+        modalTitle?: string;
+        modalMessage?: string;
+        confirmLabel?: string;
+        cancelLabel?: string;
+    };
 }
 interface TableAction {
     label: string;
@@ -3182,7 +3202,7 @@ interface QueryParamsConfig {
 }
 interface TableConfig {
     columns: TableColumn[];
-    apiUrl: string;
+    apiUrl?: string;
     apiMethod?: 'GET' | 'POST';
     apiPayload?: any;
     dataResponsePath?: string;
@@ -3220,6 +3240,22 @@ interface TableLabels {
     itemsPerPageLabel?: string;
     defaultConfirmationMessage?: string;
 }
+/**
+ * Emitted by the SmartTableComponent when operating in external-data mode
+ * (i.e. when [tableData] input is provided by the parent).
+ * The parent is responsible for fetching updated data based on this event
+ * and providing it back via [tableData] and [totalItemsCount].
+ */
+interface TableDataChangeEvent {
+    page: number;
+    pageSize: number;
+    sortBy?: string;
+    orderBy?: 'ASC' | 'DESC';
+    searchTerm?: string;
+    filters?: {
+        [key: string]: any;
+    };
+}
 
 declare class SmartTableComponent implements OnInit, OnChanges, AfterViewInit, OnDestroy {
     private http;
@@ -3227,6 +3263,18 @@ declare class SmartTableComponent implements OnInit, OnChanges, AfterViewInit, O
     private cdr;
     private ngZone;
     config: TableConfig;
+    /**
+     * External data mode: pass table rows directly from the parent.
+     * When this input is provided, the component will NOT make any internal API calls.
+     * Instead, it emits sortChange / pageChange / searchChange / filterChange events
+     * so the parent can fetch and supply updated data.
+     */
+    tableData?: any[];
+    /**
+     * Total number of items — used by the pagination component when operating in
+     * external-data mode. Must be kept in sync by the parent.
+     */
+    totalItemsCount?: number;
     action: EventEmitter<{
         action: TableAction;
         row: any;
@@ -3241,6 +3289,12 @@ declare class SmartTableComponent implements OnInit, OnChanges, AfterViewInit, O
         row: any;
         column: string;
     }>;
+    /** Emitted in external-data mode when the user changes the sort column/direction. */
+    sortChange: EventEmitter<TableDataChangeEvent>;
+    /** Emitted in external-data mode when the user changes the page or page size. */
+    pageChange: EventEmitter<TableDataChangeEvent>;
+    /** Emitted in external-data mode when the user types in the search box. */
+    searchChange: EventEmitter<TableDataChangeEvent>;
     data: any[];
     totalItems: number;
     currentPage: number;
@@ -3260,6 +3314,14 @@ declare class SmartTableComponent implements OnInit, OnChanges, AfterViewInit, O
     };
     hasStickyColumns: boolean;
     openDropdownId: string | null;
+    /** Viewport-relative position used to render the dropdown as position:fixed. */
+    dropdownPosition: {
+        top: number;
+        right: number;
+    };
+    deleteModalOpen: boolean;
+    deleteModalConfig: any;
+    private pendingDeleteAction;
     searchSubject: Subject<string>;
     stickyHeaders: QueryList<ElementRef>;
     private resizeObserver;
@@ -3277,8 +3339,17 @@ declare class SmartTableComponent implements OnInit, OnChanges, AfterViewInit, O
     onSort(col: TableColumn): void;
     onSearch(event: Event): void;
     onFilterChange(key: string, event: Event): void;
+    /**
+     * Assembles the current table state into a `TableDataChangeEvent` object.
+     * Emitted to the parent in external-data mode so it can fetch and supply new data.
+     */
+    private buildChangeEvent;
     onAction(action: TableAction, row: any): void;
     onActionItemClick(item: any, row: any, event: Event): void;
+    private openDeleteConfirmModal;
+    deleteModalMessage: string;
+    onDeleteConfirm(): void;
+    onDeleteCancel(): void;
     onTopAction(action: TableAction): void;
     private executeApiAction;
     onSelectAll(event: Event): void;
@@ -3298,12 +3369,12 @@ declare class SmartTableComponent implements OnInit, OnChanges, AfterViewInit, O
     toggleDropdown(id: string, event: Event): void;
     closeDropdown(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SmartTableComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SmartTableComponent, "lib-smart-table", never, { "config": { "alias": "config"; "required": false; }; }, { "action": "action"; "topAction": "topAction"; "filterChange": "filterChange"; "rowSelect": "rowSelect"; "columnClick": "columnClick"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SmartTableComponent, "lib-smart-table", never, { "config": { "alias": "config"; "required": false; }; "tableData": { "alias": "tableData"; "required": false; }; "totalItemsCount": { "alias": "totalItemsCount"; "required": false; }; }, { "action": "action"; "topAction": "topAction"; "filterChange": "filterChange"; "rowSelect": "rowSelect"; "columnClick": "columnClick"; "sortChange": "sortChange"; "pageChange": "pageChange"; "searchChange": "searchChange"; }, never, never, false, never>;
 }
 
 declare class SmartTableModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<SmartTableModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<SmartTableModule, [typeof SmartTableComponent], [typeof i2$1.CommonModule, typeof i3$1.FormsModule, typeof PaginationModule, typeof ButtonModule, typeof MaterialModule], [typeof SmartTableComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<SmartTableModule, [typeof SmartTableComponent], [typeof i2$1.CommonModule, typeof i3$1.FormsModule, typeof PaginationModule, typeof ButtonModule, typeof MaterialModule, typeof ConfirmationModalModule], [typeof SmartTableComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<SmartTableModule>;
 }
 
@@ -3357,4 +3428,4 @@ declare class SnackbarModule {
 }
 
 export { AlertComponent, AlertModule, ButtonComponent, ButtonDropdownComponent, ButtonDropdownModule, ButtonModule, CheckboxComponent, ConfigurableFormComponent, configurableForm_examples_d as ConfigurableFormExamples, ConfigurableFormModule, ConfirmationModalComponent, ConfirmationModalModule, DEFAULT_ITEMS_PER_PAGE, DEFAULT_PAGE_SIZE_OPTIONS, DEFAULT_SIDE_NAV_TOOLTIP_POSITION, DatepickerComponent, DropdownComponent, ExpressionService, FieldConfiguratorComponent, FieldSelectionComponent, FilterComponent, FilterModule, FilterSidebarComponent, FilterSidebarModule, FormBuilderModule, FormComponentsModule, InputComponent, MaterialModule, NAV_ORIENTATION_DEFAULT, NAV_VARIANT_DEFAULT, NavComponent, NavModule, PAGINATION_THEME_DARK, PAGINATION_THEME_DEFAULT, PaginationComponent, PaginationModule, RadioComponent, SearchComponent, SharedUiModule, SideNavComponent, SideNavModule, SmartFormComponent, SmartFormController, smartForm_examples_d as SmartFormExamples, SmartFormModule, SmartTableComponent, SmartTableModule, SnackbarComponent, SnackbarModule, SnackbarService, StringUtils, SummaryCardComponent, SummaryCardModule, ToggleComponent, ValidationUtils, appendBaseUrlRecursively, clearLocalStorage, clearSessionStorage, getLocalStorageItem, getSessionStorageItem, removeLocalStorageItem, removeSessionStorageItem, setLocalStorageItem, setSessionStorageItem, translateConfig };
-export type { AlertLabels, AlertVariant, AttachmentConfig, ButtonLabels, ButtonVariant, CheckboxConfig, CheckboxLabels, CheckboxOption, ConfirmationModalConfig, DateConfig, DatePickerConfig, DatepickerLabels, DropdownAction, 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, OptionDTO, OptionItem, PaginationConfig, PaginationLabels, PhoneConfig, QueryParamsConfig, RadioConfig, RadioLabels, RadioOption, RangeConfig, RatingConfig, SearchConfig, SearchLabels, SectionConfig, SideNavItem, SideNavSection, SideNavStyleConfig, 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 };
+export type { AlertLabels, AlertVariant, AttachmentConfig, ButtonLabels, ButtonVariant, CheckboxConfig, CheckboxLabels, CheckboxOption, ConfirmationModalConfig, DateConfig, DatePickerConfig, DatepickerLabels, DropdownAction, 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, OptionDTO, OptionItem, PaginationConfig, PaginationLabels, PhoneConfig, QueryParamsConfig, RadioConfig, RadioLabels, RadioOption, RangeConfig, RatingConfig, SearchConfig, SearchLabels, SectionConfig, SideNavItem, SideNavSection, SideNavStyleConfig, SnackbarConfig, SnackbarVariant, StepperConfig, SubmitConfig, SummaryCardConfig, SummaryCardLabels, SummaryCardMeta, TableAction, TableActionItem, TableColumn, TableConfig, TableDataChangeEvent, 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.24",
+  "version": "0.0.25",
   "peerDependencies": {
     "@angular/animations": "20.3.15",
     "@angular/cdk": "20.2.14",

package/src/lib/modules/confirmation-modal/confirmation-modal.theme.scss

@@ -13,7 +13,7 @@ $default-confirmation-modal-config: (
     // 24px
     header-border-bottom: 0.0625rem solid #E5E7EB,
     // 1px
-    title-font-size: 1.25rem,
+    title-font-size: 0.875rem,
     // 20px
     title-font-weight: 600,
     title-color: #111827,

package/src/lib/modules/smart-table/smart-table.theme.scss

@@ -1,4 +1,5 @@
 @use 'sass:map';
+@use '../confirmation-modal/confirmation-modal.theme' as confirmation-modal;
 
 // Default Smart Table Theme
 $smart-table-theme-defaults: (
@@ -215,4 +216,7 @@ $smart-table-theme-defaults: (
 
   // --- Misc ---
   --st-sort-icon-size: #{map.get($theme, sort-icon-size)};
+
+  // --- Confirmation Modal (bundled so delete modal renders correctly) ---
+  @include confirmation-modal.confirmation-modal-theme();
 }