@ieeesa-npm/presentation 0.31.3 → 0.31.5

package/lib/components/filter-popover/filter-popover.component.d.ts

@@ -0,0 +1,84 @@
+import { EventEmitter, OnChanges, SimpleChanges } from '@angular/core';
+import { FilterPopoverCategory, FilterPopoverOption, FilterPopoverSelection } from '../../models/filter-popover.model';
+import * as i0 from "@angular/core";
+/**
+ * FilterPopoverComponent renders a configurable multi-category filter popup.
+ * Positioned via CSS absolute — parent must wrap trigger + this component
+ * in a `position: relative` container.
+ *
+ * Supports single or multi-category mode:
+ * - Single category: left nav is hidden, only checkbox list shown.
+ * - Multi-category: left nav with category selection + right panel.
+ *
+ * @export
+ * @class FilterPopoverComponent
+ * @implements {OnChanges}
+ */
+export declare class FilterPopoverComponent implements OnChanges {
+    /** Controls visibility */
+    isOpen: boolean;
+    /** Filter categories with their options — parent defines what to show */
+    categories: FilterPopoverCategory[];
+    /** Header title text */
+    title: string;
+    /** Clear all button text */
+    clearAllLabel: string;
+    /** Select all link text */
+    selectAllLabel: string;
+    /** Deselect all link text */
+    deselectAllLabel: string;
+    /** Reset button text */
+    resetLabel: string;
+    /** Apply button text */
+    applyLabel: string;
+    /** No results message */
+    noResultsMessage: string;
+    /** Search placeholder prefix (appended with category label) */
+    searchPlaceholderPrefix: string;
+    /** Emits the current selection when user clicks Apply */
+    filterApplied: EventEmitter<FilterPopoverSelection>;
+    /** Emits when user clicks Reset */
+    filterReset: EventEmitter<void>;
+    /** Emits when the popover should be closed (backdrop click or after Apply). */
+    closed: EventEmitter<void>;
+    /** Currently active category index */
+    activeCategoryIndex: number;
+    /** Search term for filtering options */
+    searchTerm: string;
+    /** Internal working copy of categories */
+    workingCategories: FilterPopoverCategory[];
+    /**
+     * Refreshes working copy when opening or categories change.
+     */
+    ngOnChanges(changes: SimpleChanges): void;
+    /** Whether this is a single-category filter (hides left nav) */
+    get isSingleCategory(): boolean;
+    /** Total number of selected options across all categories */
+    get totalSelectedCount(): number;
+    /** Currently active category */
+    get activeCategory(): FilterPopoverCategory | undefined;
+    /** Options filtered by search term for the active category */
+    get filteredOptions(): FilterPopoverOption[];
+    /** Whether all visible options are checked */
+    get isAllVisibleSelected(): boolean;
+    /** Selects a category from the left nav */
+    onCategorySelect(index: number): void;
+    /** Toggles a single checkbox option */
+    onOptionToggle(option: FilterPopoverOption): void;
+    /** Toggles all visible options */
+    onSelectAll(): void;
+    /** Applies filter and emits selection */
+    onApply(): void;
+    /** Resets all selections */
+    onReset(): void;
+    /** Clears all (same as reset) */
+    onClearAll(): void;
+    /** Closes via backdrop click */
+    onBackdropClick(): void;
+    trackByCategory(index: number): number;
+    trackByOption(_index: number, option: FilterPopoverOption): string;
+    private initWorkingCopy;
+    private recalculateSelectedCount;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FilterPopoverComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FilterPopoverComponent, "ieeesa-filter-popover", never, { "isOpen": { "alias": "isOpen"; "required": false; }; "categories": { "alias": "categories"; "required": false; }; "title": { "alias": "title"; "required": false; }; "clearAllLabel": { "alias": "clearAllLabel"; "required": false; }; "selectAllLabel": { "alias": "selectAllLabel"; "required": false; }; "deselectAllLabel": { "alias": "deselectAllLabel"; "required": false; }; "resetLabel": { "alias": "resetLabel"; "required": false; }; "applyLabel": { "alias": "applyLabel"; "required": false; }; "noResultsMessage": { "alias": "noResultsMessage"; "required": false; }; "searchPlaceholderPrefix": { "alias": "searchPlaceholderPrefix"; "required": false; }; }, { "filterApplied": "filterApplied"; "filterReset": "filterReset"; "closed": "closed"; }, never, never, true, never>;
+}

package/lib/models/filter-popover.model.d.ts

@@ -0,0 +1,24 @@
+/**
+ * Represents a single filter category (e.g. "Member Type", "Status").
+ */
+export interface FilterPopoverCategory {
+    id: string;
+    label: string;
+    options: FilterPopoverOption[];
+    selectedCount?: number;
+}
+/**
+ * Represents an individual option within a filter category.
+ */
+export interface FilterPopoverOption {
+    id: string;
+    label: string;
+    checked: boolean;
+}
+/**
+ * The complete filter state emitted on Apply.
+ * Key = category id, Value = array of selected option labels.
+ */
+export interface FilterPopoverSelection {
+    [categoryId: string]: string[];
+}

package/lib/models/legend.model.d.ts

@@ -2,4 +2,5 @@ export interface Legend {
     label: string;
     color: string;
     hierarchy: number;
+    iconUrl?: string;
 }

package/lib/models/table-schema.model.d.ts

@@ -27,4 +27,6 @@ export interface TableColumnSchema {
     isHTMLCellData?: boolean;
     isContentUnderLink?: boolean;
     hasColumnActions?: boolean;
+    showIconFlag?: (row: any) => boolean;
+    iconFlagUrl?: string;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ieeesa-npm/presentation",
-  "version": "0.31.3",
+  "version": "0.31.5",
   "peerDependencies": {
     "@angular/common": "^16.1.0",
     "@angular/core": "^16.1.0",

package/public-api.d.ts

@@ -42,6 +42,7 @@ export * from './lib/components/image-preview/image-preview.component';
 export * from './lib/components/rich-text-editor/rich-text-editor.component';
 export * from './lib/components/multi-select-autocomplete/multi-select-autocomplete.component';
 export * from './lib/components/export-format-popover/export-format-popover.component';
+export * from './lib/components/filter-popover/filter-popover.component';
 export * from './lib/components/policy-confirmation-dialog/policy-confirmation-dialog.component';
 export * from './lib/components/export-success-dialog/export-success-dialog.component';
 export * from './lib/directives/dynamic-form-field/dynamic-form-field.directive';
@@ -101,6 +102,7 @@ export * from './lib/models/file-upload-response.model';
 export * from './lib/models/inactive-tenant.model';
 export * from './lib/models/table-column-menu-info.model';
 export * from './lib/models/export-format-popover.model';
+export * from './lib/models/filter-popover.model';
 export * from './lib/models/policy-confirmation-dialog.model';
 export * from './lib/models/export-success-dialog.model';
 export * from './lib/services/datepicker.service';