ngx-eiffage-material 0.0.36 → 0.0.38

package/index.d.ts

@@ -70,21 +70,11 @@ interface BasicSelectConfig<T> {
     displayedLabel: (item: T) => string;
     disabled?: (item: T) => boolean;
 }
-interface FilterKeyOption<T> {
-    key: keyof T;
-    label: () => string;
-}
-interface PaginatedSelectConfig<T> {
-    valueKey: keyof T;
-    displayedLabel: (item: T) => string;
-    disabled?: (item: T) => boolean;
-    filtersKeys?: FilterKeyOption<T>[];
-}
 /**
  * Configuration for NgxPaginatedSelect.
  * Only `valueKey` is required — `displayedLabel` falls back to `String(item[valueKey])`.
  */
-interface PaginatedSelectV2Config<T> {
+interface PaginatedSelectConfig<T> {
     /**
      * Property key used as the unique identifier and as the FormControl value.
      * This is the ONLY required field — all others are optional.
@@ -872,7 +862,7 @@ declare class NgxAlert {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<NgxAlert, "ngx-alert", never, { "type": { "alias": "type"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "message": { "alias": "message"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }
 
-declare class NgxPaginatedSelectComponent<T, U extends PaginatedFilter<T>> implements OnInit {
+declare class NgxPaginatedSelect<T, U extends PaginatedFilter<T>> implements OnInit {
     private readonly _bottomSheet;
     private readonly _cdr;
     private readonly _matSelect;
@@ -883,7 +873,7 @@ declare class NgxPaginatedSelectComponent<T, U extends PaginatedFilter<T>> imple
     /** Endpoint to fetch paginated data */
     readonly endpoint: _angular_core.InputSignal<(filters: U) => Observable<PaginatedItems<T>>>;
     /** Config for display and value binding */
-    readonly config: _angular_core.InputSignal<PaginatedSelectV2Config<T>>;
+    readonly config: _angular_core.InputSignal<PaginatedSelectConfig<T>>;
     /** Writable signal with the current filter state */
     readonly filters: _angular_core.InputSignal<WritableSignal<U>>;
     /** FormControl to integrate with reactive forms */
@@ -902,6 +892,8 @@ declare class NgxPaginatedSelectComponent<T, U extends PaginatedFilter<T>> imple
      * - 'text': a single comma-joined text line
      */
     readonly displayMode: _angular_core.InputSignal<"text" | "chips">;
+    /** Whether to show the search input inside the bottom sheet */
+    readonly showSearch: _angular_core.InputSignalWithTransform<boolean, unknown>;
     /** Placeholder for the search input inside the bottom sheet */
     readonly searchPlaceholder: _angular_core.InputSignal<string>;
     /** Message when no results are found */
@@ -946,18 +938,19 @@ declare class NgxPaginatedSelectComponent<T, U extends PaginatedFilter<T>> imple
     removeChip(item: Partial<T>, _event: MatChipEvent): void;
     preventOpen(isOpen: boolean): void;
     clearSelection(event: Event): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<NgxPaginatedSelectComponent<any, any>, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<NgxPaginatedSelectComponent<any, any>, "ngx-paginated-select", never, { "label": { "alias": "label"; "required": true; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "endpoint": { "alias": "endpoint"; "required": true; "isSignal": true; }; "config": { "alias": "config"; "required": true; "isSignal": true; }; "filters": { "alias": "filters"; "required": false; "isSignal": true; }; "control": { "alias": "control"; "required": false; "isSignal": true; }; "selectedItems": { "alias": "selectedItems"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "clearable": { "alias": "clearable"; "required": false; "isSignal": true; }; "displayMode": { "alias": "displayMode"; "required": false; "isSignal": true; }; "searchPlaceholder": { "alias": "searchPlaceholder"; "required": false; "isSignal": true; }; "noResultsMessage": { "alias": "noResultsMessage"; "required": false; "isSignal": true; }; "confirmLabel": { "alias": "confirmLabel"; "required": false; "isSignal": true; }; "resetLabel": { "alias": "resetLabel"; "required": false; "isSignal": true; }; "error": { "alias": "error"; "required": false; "isSignal": true; }; "hint": { "alias": "hint"; "required": false; "isSignal": true; }; "optionTemplate": { "alias": "optionTemplate"; "required": false; "isSignal": true; }; "extraFiltersTemplate": { "alias": "extraFiltersTemplate"; "required": false; "isSignal": true; }; }, { "valueChange": "valueChange"; "selectionChange": "selectionChange"; }, never, never, true, never>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<NgxPaginatedSelect<any, any>, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<NgxPaginatedSelect<any, any>, "ngx-paginated-select", never, { "label": { "alias": "label"; "required": true; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "endpoint": { "alias": "endpoint"; "required": true; "isSignal": true; }; "config": { "alias": "config"; "required": true; "isSignal": true; }; "filters": { "alias": "filters"; "required": false; "isSignal": true; }; "control": { "alias": "control"; "required": false; "isSignal": true; }; "selectedItems": { "alias": "selectedItems"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "clearable": { "alias": "clearable"; "required": false; "isSignal": true; }; "displayMode": { "alias": "displayMode"; "required": false; "isSignal": true; }; "showSearch": { "alias": "showSearch"; "required": false; "isSignal": true; }; "searchPlaceholder": { "alias": "searchPlaceholder"; "required": false; "isSignal": true; }; "noResultsMessage": { "alias": "noResultsMessage"; "required": false; "isSignal": true; }; "confirmLabel": { "alias": "confirmLabel"; "required": false; "isSignal": true; }; "resetLabel": { "alias": "resetLabel"; "required": false; "isSignal": true; }; "error": { "alias": "error"; "required": false; "isSignal": true; }; "hint": { "alias": "hint"; "required": false; "isSignal": true; }; "optionTemplate": { "alias": "optionTemplate"; "required": false; "isSignal": true; }; "extraFiltersTemplate": { "alias": "extraFiltersTemplate"; "required": false; "isSignal": true; }; }, { "valueChange": "valueChange"; "selectionChange": "selectionChange"; }, never, never, true, never>;
 }
 
 interface NgxPaginatedSelectBottomSheetData<T, U extends PaginatedFilter<T>> {
     title: string;
-    config: PaginatedSelectV2Config<T>;
+    config: PaginatedSelectConfig<T>;
     endpoint: (filters: U) => Observable<PaginatedItems<T>>;
     filters: WritableSignal<U>;
     /** Accepts full objects OR partials containing only the valueKey */
     selectedItems: Partial<T>[];
     multiple: boolean;
+    showSearch: boolean;
     searchPlaceholder: string;
     noResultsMessage: string;
     confirmLabel: string;
@@ -972,7 +965,7 @@ declare class NgxPaginatedSelectBottomSheetComponent<T, U extends PaginatedFilte
     private readonly _destroy;
     readonly data: NgxPaginatedSelectBottomSheetData<T, U>;
     /** Raw input value — updates on every keystroke, does NOT trigger the resource */
-    readonly query: WritableSignal<string>;
+    readonly query: WritableSignal<string | undefined>;
     /** Holds Partial<T> initially; items get upgraded to full T when toggled from the list */
     readonly selectedItems: WritableSignal<Partial<T>[]>;
     /**
@@ -992,6 +985,17 @@ declare class NgxPaginatedSelectBottomSheetComponent<T, U extends PaginatedFilte
     readonly options: _angular_core.Signal<T[]>;
     readonly total: _angular_core.Signal<number>;
     readonly selectedCount: _angular_core.Signal<number>;
+    /**
+     * Only reads `resource.value()` — never `data.filters()`.
+     *
+     * When a query change or a new open resets to page 1 we call
+     * `accumulatedItems.set([])` synchronously *before* updating the filter,
+     * so by the time this effect fires with new data it always appends onto an
+     * already-clean array.  Reading `data.filters()` here would cause the effect
+     * to run a second time (with stale resource data) the moment the page number
+     * is incremented on scroll, duplicating items and making
+     * `options().length >= total()` so `onScroll` would never fire again.
+     */
     private readonly _accumEffect;
     constructor();
     isSelected(item: T): boolean;
@@ -1147,5 +1151,5 @@ declare class DynamicHostDirective<T> {
 declare const includeNoSensible: (cadena: string, query: string) => boolean;
 declare const base64ToUtf8: (str: string) => string;
 
-export { DynamicHostDirective, NgxAlert, NgxBasicSelect, NgxBasicTable, NgxConfirmDialogComponent, NgxDialog, NgxDialogService, NgxInputFile, NgxLoadingButton, NgxPaginatedSelectBottomSheetComponent, NgxPaginatedSelectComponent, NgxPaginatedTable, NgxTablesIntl, OPERATOR_BY_FILTER_TYPE, PaginatedSearchableSelectComponent, SearchableSelectComponent, USER_ID_FACTORY, base64ToUtf8, includeNoSensible, isFilterOption };
-export type { AdvancedFilter, AlertType, BasicFilter, BasicSelectConfig, BasicTableColumn, BasicTableConfig, ColumnPipe, ConfirmDialogData, DeleteConfirm, FilterConnector, FilterGroup, FilterOperator, FilterOption, FilterRule, FilterType, NgxPaginatedSelectBottomSheetData, PaginatedFilter, PaginatedItems, PaginatedSelectConfig, PaginatedSelectV2Config, PaginatedTableColumn, PaginatedTableConfig, RowActionClickEvent, RowActionIconColor, RowSelectionAction, SelectionActionEvent, SortBy, SortType, TableBasicAction, TableRowAction };
+export { DynamicHostDirective, NgxAlert, NgxBasicSelect, NgxBasicTable, NgxConfirmDialogComponent, NgxDialog, NgxDialogService, NgxInputFile, NgxLoadingButton, NgxPaginatedSelect, NgxPaginatedSelectBottomSheetComponent, NgxPaginatedTable, NgxTablesIntl, OPERATOR_BY_FILTER_TYPE, PaginatedSearchableSelectComponent, SearchableSelectComponent, USER_ID_FACTORY, base64ToUtf8, includeNoSensible, isFilterOption };
+export type { AdvancedFilter, AlertType, BasicFilter, BasicSelectConfig, BasicTableColumn, BasicTableConfig, ColumnPipe, ConfirmDialogData, DeleteConfirm, FilterConnector, FilterGroup, FilterOperator, FilterOption, FilterRule, FilterType, NgxPaginatedSelectBottomSheetData, PaginatedFilter, PaginatedItems, PaginatedSelectConfig, PaginatedTableColumn, PaginatedTableConfig, RowActionClickEvent, RowActionIconColor, RowSelectionAction, SelectionActionEvent, SortBy, SortType, TableBasicAction, TableRowAction };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ngx-eiffage-material",
-  "version": "0.0.36",
+  "version": "0.0.38",
   "peerDependencies": {
     "@angular/common": "^20.1.0",
     "@angular/core": "^20.1.0"