@mediusinc/mng-commons 5.4.0-rc.3 → 5.4.0-rc.5

package/filter/descriptors/filter-generic.descriptor.d.ts

@@ -0,0 +1,11 @@
+import { LookupDataProviderInst } from '@mediusinc/mng-commons/form/api';
+import { FilterGenericProperty } from '../models/filter-generic-property.model';
+export declare class FilterGenericDescriptor {
+    protected _propertyLookup: LookupDataProviderInst<FilterGenericProperty>;
+    protected _valueLookup?: LookupDataProviderInst<string, any, any, 'field'>;
+    constructor(propertyLookupDataProvider: LookupDataProviderInst<FilterGenericProperty>);
+    get propertyLookup(): LookupDataProviderInst<FilterGenericProperty, any, keyof FilterGenericProperty, keyof FilterGenericProperty, import("libs/commons/dist/core").ClassOptType<FilterGenericProperty>, import("libs/commons/dist/core").ServiceClassOptType<any>>;
+    get valueLookup(): LookupDataProviderInst<string, any, any, "field", import("libs/commons/dist/core").ClassOptType<string>, import("libs/commons/dist/core").ServiceClassOptType<any>> | undefined;
+    withValueLookup(valueLookup: LookupDataProviderInst<string, any, any, 'field'>): this;
+    copy(): FilterGenericDescriptor;
+}

package/filter/descriptors/filter.descriptor.d.ts

@@ -1,5 +1,5 @@
-import { FilterMatchModeExtendedType, IFilterDescriptor } from '@mediusinc/mng-commons/core';
-import { InputTrimType } from '@mediusinc/mng-commons/form/api';
+import { FilterMatchModeExtendedType, IFilterDescriptor, ILookupDataProvider } from '@mediusinc/mng-commons/core';
+import { InputTrimType, LookupDataProviderInst } from '@mediusinc/mng-commons/form/api';
 import { FilterDisplayTypeEnum, FilterTypeEnum } from '../models/filter.model';
 export type FilterDatePickerDisplayOptsType = {
     applyFromDisplayFormat?: boolean;
@@ -53,6 +53,9 @@ export declare class FilterDescriptor<FilterModel, TableModel> implements IFilte
     protected _columnMinWidth: number | null;
     protected _inputTrim?: InputTrimType;
     protected _title?: string;
+    protected _isGenericFilter: boolean;
+    protected _valueSuggestionProvider?: ILookupDataProvider<string, any, any, 'field'>;
+    protected _dropdownClassName: string;
     constructor(property: string);
     get filterType(): FilterTypeEnum;
     get showOnColumn(): string | undefined;
@@ -81,12 +84,21 @@ export declare class FilterDescriptor<FilterModel, TableModel> implements IFilte
     get trimOption(): InputTrimType | undefined;
     get property(): string;
     get title(): string | undefined;
+    get isGenericFilter(): boolean;
+    get genericValueProvider(): ILookupDataProvider<string, any, any, "field"> | undefined;
+    get dropdownClassName(): string;
     /**
      * Converts filter to given type.
      *
      * @param filterType Filter type.
      */
     asFilterType(filterType: FilterTypeEnum): this;
+    /**
+     * Sets the filter as a generic filter. For internal use only.
+     *
+     * @internal
+     */
+    asGenericFilter(): this;
     /**
      * Set filter as date type.
      *
@@ -155,6 +167,12 @@ export declare class FilterDescriptor<FilterModel, TableModel> implements IFilte
      * @param useGrouping Enables/disbaled the feature.
      */
     withNumberGrouping(useGrouping?: boolean): this;
+    /**
+     * Sets a data provider for autocomplete text suggestions.
+     *
+     * @param valueDataProvider Data provider for autocomplete.
+     */
+    withGenericValueProvider(valueDataProvider: LookupDataProviderInst<string, any, any, 'field'>): this;
     /**
      * @deprecated Use ${withDatePickerDisplay} instead.
      */
@@ -214,6 +232,7 @@ export declare class FilterDescriptor<FilterModel, TableModel> implements IFilte
      * @param title Title for the field.
      */
     withTitle(title: string): this;
+    withDropdownClassName(dropdownClassName: string): this;
     /**
      * Copies current descriptor to a new instance.
      */

package/filter/index.d.ts

@@ -1,3 +1,5 @@
 export * from './descriptors/filter.descriptor';
 export * from './descriptors/filter-lookup.descriptor';
+export * from './descriptors/filter-generic.descriptor';
 export * from './models/filter.model';
+export * from './models/filter-generic-property.model';

package/filter/models/filter-generic-property.model.d.ts

@@ -0,0 +1,7 @@
+import { FilterDateOptsType, FilterNumberOptsType } from '../descriptors/filter.descriptor';
+import { FilterTypeEnum } from './filter.model';
+export interface FilterGenericProperty {
+    property: string;
+    type: FilterTypeEnum;
+    opts?: FilterDateOptsType | FilterNumberOptsType;
+}

package/form/components/dropdown/dropdown.component.d.ts

@@ -3,6 +3,7 @@ import { ControlValueAccessor } from '@angular/forms';
 import { Dropdown, DropdownChangeEvent } from 'primeng/dropdown';
 import { MultiSelect, MultiSelectBlurEvent, MultiSelectChangeEvent } from 'primeng/multiselect';
 import { ILookupDataProvider } from '@mediusinc/mng-commons/core';
+import { InputTrimType } from '@mediusinc/mng-commons/form/api';
 import * as i0 from "@angular/core";
 export declare const DROPDOWN_VALUE_ACCESSOR: ExistingProvider;
 export declare class DropdownComponent implements ControlValueAccessor {
@@ -26,7 +27,10 @@ export declare class DropdownComponent implements ControlValueAccessor {
     changeValueOnBlur: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
     loadingInput: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
     disabledInput: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    allowInput: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
     appendTo: import("@angular/core").InputSignal<string | null>;
+    inlineSearch: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    searchTrim: import("@angular/core").InputSignal<InputTrimType | undefined>;
     valueChange: import("@angular/core").OutputEmitterRef<any>;
     blur: import("@angular/core").OutputEmitterRef<Event>;
     primeDropdown: import("@angular/core").Signal<Dropdown | undefined>;
@@ -43,6 +47,8 @@ export declare class DropdownComponent implements ControlValueAccessor {
     items: import("@angular/core").WritableSignal<any[]>;
     private firstTimeSettingItems;
     private isDropdownPanelShown;
+    private valueSuggestionProviderSubscription;
+    private valueSuggestionResultCacheSubject?;
     optionsLabelProperty: import("@angular/core").Signal<string | undefined>;
     optionsValueProperty: import("@angular/core").Signal<string | undefined>;
     get value(): any;
@@ -53,6 +59,13 @@ export declare class DropdownComponent implements ControlValueAccessor {
     writeValue(value: any): void;
     onDropdownBlur(event: Event): void;
     onDropdownChange(event: DropdownChangeEvent): void;
+    /**
+     * Sets the items in the dropdown. If a query is provided, the items will be filtered by the query (using a 'starts with' filter).
+     *
+     * @param items The items to set.
+     * @param [query] The query to filter the items by.
+     */
+    private setItems;
     onDropdownPanelShow(): void;
     onDropdownPanelHide(): void;
     onMultiselectChange(event: MultiSelectChangeEvent): void;
@@ -62,6 +75,19 @@ export declare class DropdownComponent implements ControlValueAccessor {
     private transformItems;
     private adjustValueOnItemsValuePropertyTypeMismatch;
     private propagateValueChange;
+    /**
+     * Gets the lookup from the data provider.
+     *
+     * @param params The parameters to pass to the lookup.
+     * @param [query] The search query to filter the items by.
+     */
+    private getLookup;
+    /**
+     * Trims the leading and/or trailing whitespace from the given value based on the search trimming mode.
+     *
+     * @param value - The value to be trimmed.
+     */
+    private trimValue;
     static ɵfac: i0.ɵɵFactoryDeclaration<DropdownComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DropdownComponent, "mng-dropdown", never, { "dataProvider": { "alias": "dataProvider"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; "optionsTrackProperty": { "alias": "optionsTrackProperty"; "required": false; "isSignal": true; }; "optionsLabelPropertyInit": { "alias": "optionsLabelProperty"; "required": false; "isSignal": true; }; "optionsLabelTranslate": { "alias": "optionsLabelTranslate"; "required": false; "isSignal": true; }; "optionsValuePropertyInput": { "alias": "optionsValueProperty"; "required": false; "isSignal": true; }; "optionsDisabledProperty": { "alias": "optionsDisabledProperty"; "required": false; "isSignal": true; }; "multiselect": { "alias": "multiselect"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "showClear": { "alias": "showClear"; "required": false; "isSignal": true; }; "selectFirstItemInput": { "alias": "selectFirstItem"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; "dropdownClassName": { "alias": "dropdownClassName"; "required": false; "isSignal": true; }; "changeValueOnBlur": { "alias": "changeValueOnBlur"; "required": false; "isSignal": true; }; "loadingInput": { "alias": "loading"; "required": false; "isSignal": true; }; "disabledInput": { "alias": "disabled"; "required": false; "isSignal": true; }; "appendTo": { "alias": "appendTo"; "required": false; "isSignal": true; }; }, { "valueChange": "valueChange"; "blur": "blur"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DropdownComponent, "mng-dropdown", never, { "dataProvider": { "alias": "dataProvider"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; "optionsTrackProperty": { "alias": "optionsTrackProperty"; "required": false; "isSignal": true; }; "optionsLabelPropertyInit": { "alias": "optionsLabelProperty"; "required": false; "isSignal": true; }; "optionsLabelTranslate": { "alias": "optionsLabelTranslate"; "required": false; "isSignal": true; }; "optionsValuePropertyInput": { "alias": "optionsValueProperty"; "required": false; "isSignal": true; }; "optionsDisabledProperty": { "alias": "optionsDisabledProperty"; "required": false; "isSignal": true; }; "multiselect": { "alias": "multiselect"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "showClear": { "alias": "showClear"; "required": false; "isSignal": true; }; "selectFirstItemInput": { "alias": "selectFirstItem"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; "dropdownClassName": { "alias": "dropdownClassName"; "required": false; "isSignal": true; }; "changeValueOnBlur": { "alias": "changeValueOnBlur"; "required": false; "isSignal": true; }; "loadingInput": { "alias": "loading"; "required": false; "isSignal": true; }; "disabledInput": { "alias": "disabled"; "required": false; "isSignal": true; }; "allowInput": { "alias": "allowInput"; "required": false; "isSignal": true; }; "appendTo": { "alias": "appendTo"; "required": false; "isSignal": true; }; "inlineSearch": { "alias": "inlineSearch"; "required": false; "isSignal": true; }; "searchTrim": { "alias": "searchTrim"; "required": false; "isSignal": true; }; }, { "valueChange": "valueChange"; "blur": "blur"; }, never, never, true, never>;
 }

package/i18n/en.json

@@ -277,6 +277,10 @@
     "messages": {
       "invalidFormTitle": "Error in filter",
       "invalidFormMessage": "Filter is not valid, please check and correct inserted values."
+    },
+    "search": {
+      "input": "Search",
+      "maxWordsExceededMessage": "Word limit exceeded."
     }
   },
   "mngFilterActiveTag": {

package/i18n/sl.json

@@ -274,6 +274,10 @@
     "messages": {
       "invalidFormTitle": "Napaka v filtru",
       "invalidFormMessage": "Filter ni veljaven, prosimo preverite vnesene podatke in jih popravite."
+    },
+    "search": {
+      "input": "Iskanje",
+      "maxWordsExceededMessage": "Preseženo dovoljeno število besed."
     }
   },
   "mngFilterActiveTag": {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mediusinc/mng-commons",
-  "version": "5.4.0-rc.3",
+  "version": "5.4.0-rc.5",
   "peerDependencies": {
     "@angular/animations": "^17.3.0 || ^18.0.0",
     "@angular/common": "^17.3.0 || ^18.0.0",

package/table/api/descriptors/table.descriptor.d.ts

@@ -1,6 +1,7 @@
 import { Type } from '@angular/core';
 import { DataListResult, EnumConstantType, ILookupDataProvider, ITableDescriptor } from '@mediusinc/mng-commons/core';
-import { FilterDescriptor, FilterDisplayTypeEnum, FilterLookupDescriptor, FilterLookupEnumDescriptor } from '@mediusinc/mng-commons/filter';
+import { FilterDescriptor, FilterDisplayTypeEnum, FilterGenericDescriptor, FilterGenericProperty, FilterLookupDescriptor, FilterLookupEnumDescriptor } from '@mediusinc/mng-commons/filter';
+import { LookupDataProviderInst } from '@mediusinc/mng-commons/form/api';
 import { EnumDescriptor, ModelDescriptor } from '@mediusinc/mng-commons/model';
 import { ColumnDisplayTypeEnum, ColumnTypeEnum } from '../models/column.model';
 import { IRowExpandableComponent } from '../models/row-expandable-component.model';
@@ -33,6 +34,7 @@ export declare class TableDescriptorInst<TableModel, Sorts = keyof TableModel, F
     private _rowClassName?;
     private _rowClassNameMapFn?;
     private _filters;
+    private _genericFilter?;
     private _sorts;
     private _isLocalized;
     private _localizationLocaleProperty?;
@@ -41,6 +43,9 @@ export declare class TableDescriptorInst<TableModel, Sorts = keyof TableModel, F
     private _rowExpandableProperty?;
     private _rowExpandableComponentType?;
     private _rowReorderable;
+    private _search?;
+    private _searchLimitMaxWords?;
+    private _searchFields?;
     constructor(model: ModelDescriptor<TableModel>, autoGenerated?: boolean);
     get identifier(): string | undefined;
     get trackProperty(): string | undefined;
@@ -53,8 +58,12 @@ export declare class TableDescriptorInst<TableModel, Sorts = keyof TableModel, F
     get loadingText(): string | undefined;
     get loadingIcon(): string | null;
     get filters(): FilterDescriptor<any, TableModel>[];
+    get genericFilter(): FilterGenericDescriptor | undefined;
     get sorts(): SortDescriptor<TableModel>[];
     get model(): ModelDescriptor<TableModel, import("@mediusinc/mng-commons/core").ClassOptType<TableModel>>;
+    get search(): boolean | undefined;
+    get searchLimitMaxWords(): number | null | undefined;
+    get searchFields(): string[] | undefined;
     get className(): string;
     get size(): TableSizeEnum;
     get hasHover(): boolean;
@@ -413,6 +422,7 @@ export declare class TableDescriptorInst<TableModel, Sorts = keyof TableModel, F
      * @return Created filter descriptor
      */
     addFilterFromColumn<Property extends keyof TableModel, FilterModel = NonNullable<TableModel[Property]>>(property: Extract<Filters, Property>, displayType?: FilterDisplayTypeEnum, forceSimple?: boolean): FilterDescriptor<FilterModel, TableModel>;
+    withGenericFilter(propertyLookupDataProvider: LookupDataProviderInst<FilterGenericProperty>, valueLookupDataProvider?: LookupDataProviderInst<string, any, any, 'field'>): this;
     /**
      * Creates filter descriptors from columns. The columns must exist on table descriptor.
      *
@@ -473,6 +483,28 @@ export declare class TableDescriptorInst<TableModel, Sorts = keyof TableModel, F
      * @param filter Descriptor for property.
      */
     withFilterUnsafe<FilterModel>(filter: FilterDescriptor<FilterModel, TableModel>): this;
+    /**
+     * Enables or disables the global search option for the table.
+     *
+     * @param {boolean} search - Indicates whether the global search should be enabled.
+     * @param opts - Additional options for search. limitMaxWords can limit max words as search input and fields can limit
+     * the filtering fields included in search when lazy load is not being used.
+     */
+    withSearch(search?: boolean, opts?: {
+        limitMaxWords?: number | null;
+        fields?: (keyof TableModel)[];
+    }): this;
+    /**
+     * Enables or disables the global search option for the table.
+     *
+     * @param {boolean} search - Indicates whether the global search should be enabled.
+     * @param opts - Additional options for search. limitMaxWords can limit max words as search input and fields can limit
+     * the filtering fields included in search when lazy load is not being used.
+     */
+    withSearchUnsafe(search?: boolean, opts?: {
+        limitMaxWords?: number | null;
+        fields?: string[];
+    }): this;
     /**
      * Sets classes for table component.
      *

package/table/components/filter/filter-form/filter-form.component.d.ts

@@ -1,7 +1,7 @@
 import { NgForm } from '@angular/forms';
 import { SelectItem } from 'primeng/api';
 import { OverlayPanel } from 'primeng/overlaypanel';
-import { FilterMatchMode } from '@mediusinc/mng-commons/core';
+import { FilterMatchMode, FilterMatchModeExtendedType, ILookupDataProvider } from '@mediusinc/mng-commons/core';
 import { FilterDescriptor, FilterLookupDescriptor, FilterLookupTypeEnum, FilterTypeEnum } from '@mediusinc/mng-commons/filter';
 import { ModelDescriptor } from '@mediusinc/mng-commons/model';
 import { CommonsFilterMetadataWithDescriptor, FilterFormEmitEvent } from '../../../models/filter.model';
@@ -28,6 +28,8 @@ export declare class FilterFormComponent {
         disabled: boolean;
     }[]>;
     selectedDescriptor: import("@angular/core").Signal<FilterDescriptor<any, any> | undefined>;
+    private genericValueProviderInput;
+    genericValueDataProvider: import("@angular/core").Signal<ILookupDataProvider<string, any, any, "field"> | undefined>;
     selectedDescriptorAsLookup: import("@angular/core").Signal<FilterLookupDescriptor<any, any, any, string | number | symbol, string | number | symbol> | undefined>;
     matchModeOptions: import("@angular/core").Signal<SelectItem<any>[]>;
     isEdit: import("@angular/core").Signal<boolean>;
@@ -46,8 +48,15 @@ export declare class FilterFormComponent {
     private serializationCfg;
     constructor();
     onFormSubmit(form: NgForm): void;
-    private resetForm;
+    resetForm(value?: FilterFormModel): void;
     private getPropertyLabelKey;
     static ɵfac: i0.ɵɵFactoryDeclaration<FilterFormComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<FilterFormComponent, "mng-filter-form", never, { "title": { "alias": "title"; "required": false; "isSignal": true; }; "descriptors": { "alias": "descriptors"; "required": true; "isSignal": true; }; "model": { "alias": "model"; "required": true; "isSignal": true; }; "filter": { "alias": "filter"; "required": false; "isSignal": true; }; "overlay": { "alias": "overlay"; "required": false; "isSignal": true; }; "disabledProperties": { "alias": "disabledProperties"; "required": false; "isSignal": true; }; }, { "apply": "apply"; }, never, never, true, never>;
 }
+interface FilterFormModel {
+    property: string | null;
+    matchMode: FilterMatchModeExtendedType | null;
+    value: any | null;
+    caseSensitive: boolean;
+}
+export {};

package/table/components/filter/filter-overlay-with-tag/filter-overlay-with-tag.component.d.ts

@@ -5,31 +5,51 @@ import { ModelDescriptor } from '@mediusinc/mng-commons/model';
 import { CommonsFilterMetadataWithDescriptor, FilterActiveTagEvent, FilterFormEmitEvent } from '../../../models/filter.model';
 import * as i0 from "@angular/core";
 export declare class FilterOverlayWithTagComponent {
+    private static readonly SEARCH_WORD_LIMIT_MAX;
     private readonly primeTable;
     private readonly dataListService;
     private readonly moduleConfig;
+    private readonly tableConfig;
     descriptors: import("@angular/core").InputSignal<FilterDescriptor<any, any>[]>;
     model: import("@angular/core").InputSignal<ModelDescriptor<any, import("@mediusinc/mng-commons/core").ClassOptType<any>>>;
+    enableSearch: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    search: import("@angular/core").InputSignal<{
+        value: string;
+        caseSensitive: boolean;
+    } | undefined>;
+    searchLimitWordMax: import("@angular/core").InputSignal<number | null | undefined>;
+    enableCaseSensitive: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
     private filterOverlay;
+    private filterFormComponent;
     templates: Signal<readonly TemplateDirective[]>;
     titleTemplate: Signal<TemplateRef<any> | null>;
     filters: Signal<{
         [p: string]: CommonsFilterMetadataWithDescriptor;
     }>;
+    showFilterButton: Signal<boolean>;
     activeFilters: Signal<CommonsFilterMetadataWithDescriptor[]>;
     activeFilterProperties: Signal<string[]>;
     filterEdit: import("@angular/core").WritableSignal<CommonsFilterMetadataWithDescriptor | undefined>;
     private serializationCfg;
+    searchValue: Signal<string | undefined>;
+    searchCaseSensitive: Signal<boolean | undefined>;
+    searchWordLimitMaxError: import("@angular/core").WritableSignal<boolean>;
+    private searchWordLimitMaxCmp;
+    private searchValueSubject;
+    private searchCaseSensitiveSubject;
     private clickedOnFilterEvent;
     constructor();
     onFilterFormApply(event: FilterFormEmitEvent): void;
     onFilterRemove(event: FilterActiveTagEvent): void;
     onFilterEdit(event: FilterActiveTagEvent): void;
     onFilterAdd(event: Event): void;
+    onSearchChange(value: string): void;
+    onSearchCaseSensitiveChange(value: boolean): void;
     onOverlayHide(): void;
     private onFilterAddOrEdit;
     private setInitialFilters;
     private updatePrimeTableFilter;
+    private updatePrimeTableGlobalFilter;
     static ɵfac: i0.ɵɵFactoryDeclaration<FilterOverlayWithTagComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<FilterOverlayWithTagComponent, "mng-filter-overlay-with-tag", never, { "descriptors": { "alias": "descriptors"; "required": true; "isSignal": true; }; "model": { "alias": "model"; "required": true; "isSignal": true; }; }, {}, ["templates"], never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FilterOverlayWithTagComponent, "mng-filter-overlay-with-tag", never, { "descriptors": { "alias": "descriptors"; "required": true; "isSignal": true; }; "model": { "alias": "model"; "required": true; "isSignal": true; }; "enableSearch": { "alias": "enableSearch"; "required": false; "isSignal": true; }; "search": { "alias": "search"; "required": false; "isSignal": true; }; "searchLimitWordMax": { "alias": "searchLimitWordMax"; "required": false; "isSignal": true; }; "enableCaseSensitive": { "alias": "enableCaseSensitive"; "required": false; "isSignal": true; }; }, {}, ["templates"], never, true, never>;
 }

package/table/components/table/table.component.d.ts

@@ -2,6 +2,7 @@ import { OnDestroy, Signal, TemplateRef, Type } from '@angular/core';
 import { MultiSelectChangeEvent } from 'primeng/multiselect';
 import { Table, TableColumnReorderEvent, TableLazyLoadEvent, TableRowReorderEvent } from 'primeng/table';
 import { ComponentDirective, DataListResult, TemplateDirective } from '@mediusinc/mng-commons/core';
+import { FilterDescriptor } from '@mediusinc/mng-commons/filter';
 import { ColumnDescriptor, ITableDataProvider, TableCellClickEvent, TableDescriptorInst, TableLoadEvent, TableReloadEvent } from '@mediusinc/mng-commons/table/api';
 import { ColumnWithPreferences } from '../../models/column-preferences.model';
 import { DataListService } from '../../services/data-list.service';
@@ -33,7 +34,7 @@ export declare class TableComponent<Item = any, Service = undefined, Sorts = any
     columnLastMinWidth: import("@angular/core").InputSignal<number | undefined>;
     columnsColspan: Signal<number>;
     hasTitleDisplay: Signal<string | Type<any> | TemplateRef<any> | undefined>;
-    isCaptionVisible: Signal<string | boolean | Type<any> | TemplateRef<any>>;
+    isCaptionVisible: Signal<string | boolean | Type<any> | TemplateRef<any> | undefined>;
     captionComponent: import("@angular/core").InputSignal<Type<any> | undefined>;
     columnCustomLastComponent: import("@angular/core").InputSignal<Type<any> | undefined>;
     globalFilterFieldsInput: import("@angular/core").InputSignal<string[] | undefined>;
@@ -68,15 +69,21 @@ export declare class TableComponent<Item = any, Service = undefined, Sorts = any
     private layoutPreferences;
     columns: Signal<ColumnWithPreferences[]>;
     visibleColumns: Signal<ColumnWithPreferences[]>;
-    filterDescriptors: Signal<import("@mediusinc/mng-commons/filter").FilterDescriptor<any, any>[]>;
+    filterDescriptors: Signal<FilterDescriptor<any, any>[]>;
+    genericFilterDescriptor: Signal<import("@mediusinc/mng-commons/filter").FilterGenericDescriptor | undefined>;
+    private filterDescriptorsFromGeneric;
     hasColumnFilters: Signal<boolean>;
-    overlayWithTagFilters: Signal<import("@mediusinc/mng-commons/filter").FilterDescriptor<any, any>[]>;
+    overlayWithTagFilters: Signal<FilterDescriptor<any, any>[]>;
     private defaultParams;
     anyColumnVisible: Signal<boolean>;
-    hasCustomLastColumn: Signal<import("@angular/core").InputSignal<Type<any> | undefined>>;
-    hasLastColumn: Signal<import("@angular/core").InputSignal<Type<any> | undefined>>;
+    hasCustomLastColumn: Signal<Type<any> | TemplateRef<any> | null>;
+    hasLastColumn: Signal<boolean | Type<any> | TemplateRef<any>>;
     areColumnsReorderable: Signal<boolean>;
     areColumnsToggleable: Signal<boolean>;
+    globalSearchParamFromUrl: import("@angular/core").WritableSignal<{
+        value: string;
+        caseSensitive: boolean;
+    } | undefined>;
     private routerIsNavigationOutsideInProgress;
     constructor();
     ngOnDestroy(): void;
@@ -114,6 +121,14 @@ export declare class TableComponent<Item = any, Service = undefined, Sorts = any
      * Reset column order and column visibility to default settings
      */
     resetDefaultLayout(): void;
+    /**
+     * Compare the given params with the stored params in the DataListService.
+     *
+     * @param {DataListParams} params - The params to compare with the stored params.
+     *
+     * @return {boolean} - True if the given params match the stored params, otherwise false.
+     */
+    private compareWithCurrentParams;
     static ɵfac: i0.ɵɵFactoryDeclaration<TableComponent<any, any, any, any>, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<TableComponent<any, any, any, any>, "mng-table", never, { "descriptorInput": { "alias": "descriptor"; "required": true; "isSignal": true; }; "items": { "alias": "items"; "required": false; "isSignal": true; }; "result": { "alias": "result"; "required": false; "isSignal": true; }; "loadingInput": { "alias": "loading"; "required": false; "isSignal": true; }; "dataProvider": { "alias": "dataProvider"; "required": false; "isSignal": true; }; "useQueryParams": { "alias": "useQueryParams"; "required": false; "isSignal": true; }; "cellClickEnabled": { "alias": "cellClickEnabled"; "required": false; "isSignal": true; }; "selectionMode": { "alias": "selectionMode"; "required": false; "isSignal": true; }; "selectionEnabled": { "alias": "selectionEnabled"; "required": false; "isSignal": true; }; "rowReorderEnabledInput": { "alias": "rowReorderEnabled"; "required": false; "isSignal": true; }; "columnLastMinWidth": { "alias": "columnLastMinWidth"; "required": false; "isSignal": true; }; "captionComponent": { "alias": "captionComponent"; "required": false; "isSignal": true; }; "columnCustomLastComponent": { "alias": "columnCustomLastComponent"; "required": false; "isSignal": true; }; "globalFilterFieldsInput": { "alias": "globalFilterFields"; "required": false; "isSignal": true; }; }, { "tableLoad": "tableLoad"; "cellClick": "cellClick"; "selectionChange": "selectionChange"; "captionComponentInstance": "captionComponentInstance"; "columnCustomLastComponentInstance": "columnCustomLastComponentInstance"; "rowReorder": "rowReorder"; }, ["templates"], never, true, never>;
 }

package/table/helpers/filters.d.ts

@@ -1,6 +1,7 @@
 import { PrimeNGConfig, SelectItem } from 'primeng/api';
 import { CommonsFilterMetadata, CommonsModuleConfig, CommonsSerializationConfig, FilterMatchModeExtendedType, Nullable, SingleOrArrayType } from '@mediusinc/mng-commons/core';
-import { FilterDescriptor, FilterTypeEnum } from '@mediusinc/mng-commons/filter';
+import { FilterDescriptor, FilterGenericProperty, FilterTypeEnum } from '@mediusinc/mng-commons/filter';
+import { LookupDataProviderInst } from '@mediusinc/mng-commons/form/api';
 import { FilterDateConfig } from '../models/filter.model';
 export declare function generateMatchModeOptions(primeConfig: PrimeNGConfig, descriptor: FilterDescriptor<any, any> | undefined, cmpSerCfg?: CommonsSerializationConfig): SelectItem[];
 /**
@@ -29,3 +30,10 @@ export declare function filterGetNumberConfig(descriptor?: FilterDescriptor<any,
     fractionsMin: number | undefined;
     fractionsMax: number | undefined;
 } | undefined;
+/**
+ * Creates an array of filter descriptors from an array of generic filter properties.
+ *
+ * @param {FilterGenericProperty[]} properties - The array of filterable properties, their types and options.
+ * @param {LookupDataProviderInst<string, any, any, 'field'>} [valueLookup] - The lookup data provider for value suggestions.
+ */
+export declare function createFilterDescriptorsFromGeneric(properties: FilterGenericProperty[], valueLookup?: LookupDataProviderInst<string, any, any, 'field'>): FilterDescriptor<any, any>[] | [];

package/table/services/table-feature-config.token.d.ts

@@ -2,5 +2,6 @@ import { InjectionToken } from '@angular/core';
 import { FilterDisplayTypeEnum } from '@mediusinc/mng-commons/filter';
 export interface TableFeatureConfig {
     filterDisplayType?: FilterDisplayTypeEnum;
+    searchLimitMaxWords?: number | null;
 }
 export declare const COMMONS_TABLE_FEATURE_CONFIG_IT: InjectionToken<TableFeatureConfig>;

package/tableview/api/editor/descriptors/field-many.descriptor.d.ts

@@ -20,8 +20,6 @@ export declare class FieldManyToManyEditorDescriptor<FieldModel, EditorModel, Se
     private _hasLookupExcludeValues;
     private _excludeFilterProperty;
     private _excludeValueProperty;
-    private _searchEnabled;
-    private _searchFields?;
     constructor(property: string, mainTableDescriptor: TableDescriptorInst<FieldModel>, lookupTableDescriptor: TableDescriptorInst<FieldModel>, cfg?: FieldManyToManyEditorDescriptorConstructorOptsType<FieldModel, Service>);
     get fieldType(): FieldManyToManyEditorTypeEnum;
     get actions(): FieldManyToManyEditorActionEnum[];
@@ -31,13 +29,17 @@ export declare class FieldManyToManyEditorDescriptor<FieldModel, EditorModel, Se
     get mainTableDescriptor(): TableDescriptorInst<FieldModel, keyof FieldModel, keyof FieldModel>;
     get lookupTableDescriptor(): TableDescriptorInst<FieldModel, keyof FieldModel, keyof FieldModel>;
     get lookupTableDataProvider(): ITableDataProvider<FieldModel, Service>;
-    get searchEnabled(): boolean;
-    get searchFields(): string[] | undefined;
     withLookup(fn: TableDataProviderGetAllFnType<FieldModel, Service>): this;
     withActions(actions?: Array<FieldManyToManyEditorActionEnum>): this;
     withLookupExclude(filterProperty: keyof FieldModel, valueProperty: keyof FieldModel, hasLookupExclude?: boolean): this;
     withLookupExcludeUnsafe(filterProperty: string, valueProperty: string, hasLookupExclude?: boolean): this;
+    /**
+     * @deprecated Use directly on lookup table descriptor.
+     */
     withSearch(enabled?: boolean, searchFields?: (keyof FieldModel)[]): this;
+    /**
+     * @deprecated Use directly on lookup table descriptor.
+     */
     withSearchUnsafe(enabled?: boolean, searchFields?: string[]): this;
     copy(): FieldManyToManyEditorDescriptor<FieldModel, EditorModel, Service, FieldValue, ParentEditorModel>;
 }

package/tableview/api/editor/descriptors/field.descriptor.d.ts

@@ -35,7 +35,7 @@ export type FieldInputCurrencyOptsType<Property = string> = {
     currency?: string;
     currencyDisplay?: 'symbol' | 'code' | 'name';
 } & FieldInputNumberGroupingOptsType & FieldInputNumberFractionOptsType & FieldInputNumberValidationOptsType & FieldInputLocaleOptsType;
-export type FieldInputNumberOptsType = FieldInputNumberGroupingOptsType & FieldInputNumberFractionOptsType & FieldInputNumberValidationOptsType & FieldInputLocaleOptsType;
+export type FieldInputNumberOptsType = FieldInputNumberGroupingOptsType & FieldInputNumberFractionOptsType & FieldInputNumberValidationOptsType & FieldInputLocaleOptsType & FieldInputNumberDisplayOptsType;
 export type FieldInputNumberGroupingOptsType = {
     groupSeparator?: boolean;
 };
@@ -52,6 +52,10 @@ export type FieldInputNumberFractionOptsType = {
 export type FieldInputLocaleOptsType = {
     locale?: string;
 };
+export type FieldInputNumberDisplayOptsType = {
+    prefix?: string;
+    suffix?: string;
+};
 export type FieldInputDatePickerOptsType<FieldValue, EditorModel, ParentEditorModel> = FieldInputDatePickerDisplayOptsType & FieldInputDateValidationOptsType<FieldValue, EditorModel, ParentEditorModel> & FieldDateOptsType;
 export type FieldDateOptsType = {
     asDateObj?: boolean;
@@ -92,6 +96,8 @@ export declare class FieldInputDescriptor<EditorModel, FieldModel = FieldInputDe
     private _numberMaxFractionDigits?;
     private _numberUseGrouping;
     private _locale?;
+    private _numberPrefix?;
+    private _numberSuffix?;
     private _currency?;
     private _currencyDisplay;
     private _currencyFromProperty?;
@@ -139,6 +145,8 @@ export declare class FieldInputDescriptor<EditorModel, FieldModel = FieldInputDe
     get numberMinFractionDigits(): number | undefined;
     get numberMaxFractionDigits(): number | undefined;
     get numberUseGrouping(): boolean;
+    get numberPrefix(): string | undefined;
+    get numberSuffix(): string | undefined;
     get radioOptions(): RadioValue<string | number | boolean>[];
     get datePickerFormat(): string | undefined;
     get datePickerMin(): Date | FieldInputDatePickerDynamicMinMaxFnType<FieldValue, EditorModel, ParentEditorModel> | undefined;
@@ -191,6 +199,7 @@ export declare class FieldInputDescriptor<EditorModel, FieldModel = FieldInputDe
     withLocale(locale?: string): this;
     withNumberFractions(opts?: FieldInputNumberFractionOptsType): this;
     withNumberGrouping(useGrouping?: boolean): this;
+    withNumberDisplay(opts?: FieldInputNumberDisplayOptsType): this;
     withTextareaRows(rows?: number): this;
     withTextValidation(opts?: FieldInputTextValidationOptsType): this;
     withDatePickerDisplay(opts?: FieldInputDatePickerDisplayOptsType): this;

package/version-info.json

@@ -1,11 +1,11 @@
 {
     "name": "@mediusinc/mng-commons",
-    "version": "5.4.0-rc.3",
+    "version": "5.4.0-rc.5",
     "tag": "v5.3.0-rc.5",
-    "distance": 14,
-    "hash": "c4bfaef8",
+    "distance": 27,
+    "hash": "80a1183f",
     "dirty": true,
-    "semver": "5.3.0-rc.5+14.gc4bfaef8.dirty",
+    "semver": "5.3.0-rc.5+27.g80a1183f.dirty",
     "buildTimestamp": null,
-    "raw": "v5.3.0-rc.5-14-c4bfaef8-dirty"
+    "raw": "v5.3.0-rc.5-27-80a1183f-dirty"
 }