@mediusinc/mng-commons 5.3.0-rc.1 → 5.3.0-rc.3

package/table/components/filter/filter-active-tag/filter-active-tag.component.d.ts

@@ -0,0 +1,20 @@
+import { FilterMatchMode } from '@mediusinc/mng-commons/core';
+import { ModelDescriptor } from '@mediusinc/mng-commons/model';
+import { CommonsFilterMetadataWithDescriptor, FilterActiveTagEvent } from '../../../models/filter.model';
+import * as i0 from "@angular/core";
+export declare class FilterActiveTagComponent {
+    readonly FilterMatchMode: typeof FilterMatchMode;
+    model: import("@angular/core").InputSignal<ModelDescriptor<any, any>>;
+    filter: import("@angular/core").InputSignal<CommonsFilterMetadataWithDescriptor>;
+    edit: import("@angular/core").OutputEmitterRef<FilterActiveTagEvent>;
+    remove: import("@angular/core").OutputEmitterRef<FilterActiveTagEvent>;
+    label: import("@angular/core").Signal<string>;
+    matchMode: import("@angular/core").Signal<string | undefined>;
+    matchModeSymbol: import("@angular/core").Signal<string>;
+    value: import("@angular/core").Signal<any>;
+    onRemove(event: Event): void;
+    onEdit(event: Event): void;
+    private getPropertyLabelKey;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FilterActiveTagComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FilterActiveTagComponent, "mng-filter-active-tag", never, { "model": { "alias": "model"; "required": true; "isSignal": true; }; "filter": { "alias": "filter"; "required": true; "isSignal": true; }; }, { "edit": "edit"; "remove": "remove"; }, never, never, true, never>;
+}

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

@@ -0,0 +1,53 @@
+import { NgForm } from '@angular/forms';
+import { SelectItem } from 'primeng/api';
+import { OverlayPanel } from 'primeng/overlaypanel';
+import { FilterMatchMode } 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';
+import * as i0 from "@angular/core";
+export declare class FilterFormComponent {
+    readonly lookupTypeDropdown: FilterLookupTypeEnum;
+    readonly lookupTypeAutocomplete: FilterLookupTypeEnum;
+    readonly FilterTypeEnum: typeof FilterTypeEnum;
+    readonly FilterMatchMode: typeof FilterMatchMode;
+    private readonly elementRef;
+    private readonly moduleConfig;
+    private readonly primeConfig;
+    private readonly translate;
+    title: import("@angular/core").InputSignal<string | undefined>;
+    descriptors: import("@angular/core").InputSignal<FilterDescriptor<any, any>[]>;
+    model: import("@angular/core").InputSignal<ModelDescriptor<any, import("@mediusinc/mng-commons/core").ClassOptType<any>>>;
+    filter: import("@angular/core").InputSignal<CommonsFilterMetadataWithDescriptor | undefined>;
+    overlay: import("@angular/core").InputSignal<OverlayPanel | undefined>;
+    disabledProperties: import("@angular/core").InputSignal<string[]>;
+    apply: import("@angular/core").OutputEmitterRef<FilterFormEmitEvent>;
+    propertyOptionsWithTranslations: import("@angular/core").Signal<{
+        property: string;
+        label: string;
+        disabled: boolean;
+    }[]>;
+    selectedDescriptor: import("@angular/core").Signal<FilterDescriptor<any, any> | undefined>;
+    selectedDescriptorAsLookup: import("@angular/core").Signal<FilterLookupDescriptor<any, any, any> | undefined>;
+    matchModeOptions: import("@angular/core").Signal<SelectItem<any>[]>;
+    isEdit: import("@angular/core").Signal<boolean>;
+    formSubmitted: import("@angular/core").WritableSignal<boolean>;
+    formErrorMessage: import("@angular/core").WritableSignal<any>;
+    dateConfig: import("@angular/core").Signal<import("../../../models/filter.model").FilterDateConfig | undefined>;
+    numberConfig: import("@angular/core").Signal<{
+        fractionsMin: number | undefined;
+        fractionsMax: number | undefined;
+    } | undefined>;
+    private filterForm;
+    propertyModel: import("@angular/core").WritableSignal<string | null>;
+    matchModeModel: import("@angular/core").WritableSignal<string | null>;
+    valueModel: import("@angular/core").WritableSignal<any>;
+    caseSensitiveModel: import("@angular/core").WritableSignal<boolean>;
+    private serializationCfg;
+    constructor();
+    onFormSubmit(form: NgForm): void;
+    private resetForm;
+    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>;
+}

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

@@ -0,0 +1,35 @@
+import { Signal, TemplateRef } from '@angular/core';
+import { TemplateDirective } from '@mediusinc/mng-commons/core';
+import { FilterDescriptor } from '@mediusinc/mng-commons/filter';
+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 readonly primeTable;
+    private readonly dataListService;
+    private readonly moduleConfig;
+    descriptors: import("@angular/core").InputSignal<FilterDescriptor<any, any>[]>;
+    model: import("@angular/core").InputSignal<ModelDescriptor<any, import("@mediusinc/mng-commons/core").ClassOptType<any>>>;
+    private filterOverlay;
+    templates: Signal<readonly TemplateDirective[]>;
+    titleTemplate: Signal<TemplateRef<any> | null>;
+    filters: Signal<{
+        [p: string]: CommonsFilterMetadataWithDescriptor;
+    }>;
+    activeFilters: Signal<CommonsFilterMetadataWithDescriptor[]>;
+    activeFilterProperties: Signal<string[]>;
+    filterEdit: import("@angular/core").WritableSignal<CommonsFilterMetadataWithDescriptor | undefined>;
+    private serializationCfg;
+    private clickedOnFilterEvent;
+    constructor();
+    onFilterFormApply(event: FilterFormEmitEvent): void;
+    onFilterRemove(event: FilterActiveTagEvent): void;
+    onFilterEdit(event: FilterActiveTagEvent): void;
+    onFilterAdd(event: Event): void;
+    onOverlayHide(): void;
+    private onFilterAddOrEdit;
+    private setInitialFilters;
+    private updatePrimeTableFilter;
+    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>;
+}

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

@@ -16,20 +16,24 @@ export declare class TableComponent<Item = any, Service = undefined, Sorts = any
     private readonly messageService;
     private readonly commons;
     private readonly storageService;
+    private readonly config;
     readonly dataListService: DataListService<any>;
+    private readonly defaultFilterDisplayType;
     descriptorInput: import("@angular/core").InputSignal<TableDescriptorInst<Item, Sorts, Filters>>;
     items: import("@angular/core").InputSignal<Item[] | undefined>;
     result: import("@angular/core").InputSignal<DataListResult<Item> | undefined>;
     loadingInput: import("@angular/core").InputSignalWithTransform<boolean | undefined, unknown>;
     dataProvider: import("@angular/core").InputSignal<ITableDataProvider<Item, Service, Sorts, Filters> | undefined>;
-    useQueryParams: import("@angular/core").InputSignal<boolean>;
-    cellClickEnabled: import("@angular/core").InputSignal<boolean>;
+    useQueryParams: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    cellClickEnabled: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
     selectionMode: import("@angular/core").InputSignal<"single" | "multiple">;
-    selectionEnabled: import("@angular/core").InputSignal<boolean>;
-    rowReorderEnabledInput: import("@angular/core").InputSignal<boolean>;
+    selectionEnabled: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    rowReorderEnabledInput: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
     rowReorderEnabled: Signal<boolean>;
     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>>;
     captionComponent: import("@angular/core").InputSignal<Type<any> | undefined>;
     columnCustomLastComponent: import("@angular/core").InputSignal<Type<any> | undefined>;
     globalFilterFieldsInput: import("@angular/core").InputSignal<string[] | undefined>;
@@ -56,9 +60,7 @@ export declare class TableComponent<Item = any, Service = undefined, Sorts = any
     className: Signal<string>;
     private dataProviderService;
     private dataProviderLatestLazyLoadEvent?;
-    private latestLazyLoadEventVersion;
     private latestParamsWithDefaults?;
-    private latestParamsWithDefaultsVersion;
     private dataProviderSubscription?;
     descriptor: import("@angular/core").WritableSignal<TableDescriptorInst<any, any, any>>;
     private localstorageKey;
@@ -66,8 +68,9 @@ 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>[]>;
     hasColumnFilters: Signal<boolean>;
-    private filterDescriptors;
+    overlayWithTagFilters: Signal<import("@mediusinc/mng-commons/filter").FilterDescriptor<any, any>[]>;
     private defaultParams;
     anyColumnVisible: Signal<boolean>;
     hasCustomLastColumn: Signal<import("@angular/core").InputSignal<Type<any> | undefined>>;

package/table/helpers/filters.d.ts

@@ -0,0 +1,31 @@
+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 { FilterDateConfig } from '../models/filter.model';
+export declare function generateMatchModeOptions(primeConfig: PrimeNGConfig, descriptor: FilterDescriptor<any, any> | undefined, cmpSerCfg?: CommonsSerializationConfig): SelectItem[];
+/**
+ * Gets the default match mode for a filter.
+ *
+ * @param {FilterDescriptor<any, any>} [descriptor] - The filter descriptor.
+ * @param {SelectItem[]} [matchModes=[]] - The available match modes options.
+ *
+ * @return {FilterMatchModeExtendedType} The default match mode for the filter.
+ */
+export declare function filterGetDefaultMatchMode(descriptor?: FilterDescriptor<any, any>, matchModes?: SelectItem[]): FilterMatchModeExtendedType;
+export declare function filterSetMetadataOnChange(filter: CommonsFilterMetadata, matchMode?: FilterMatchModeExtendedType, value?: any, filterType?: FilterTypeEnum, filterDateCfg?: FilterDateConfig): CommonsFilterMetadata;
+export declare function filterSetMetadataOnDisplayChange(filter: CommonsFilterMetadata | undefined, displayMatchMode: FilterMatchModeExtendedType, displayValue: any, filterType?: FilterTypeEnum, filterDateCfg?: FilterDateConfig): {
+    displayMatchMode: string;
+    matchMode: string;
+    displayValue: any;
+    value: SingleOrArrayType<Nullable<string | number | boolean | Date>>;
+    caseSensitive?: boolean | undefined;
+    operator?: string | undefined;
+};
+export declare function filterAreDatesEqual(fromDate: Date | string | number, toDate: Date | string | number, filterDateCfg?: FilterDateConfig): boolean;
+export declare function filterApplySerializationConfigToCmp(config: CommonsModuleConfig | null, cmpSerCfg: CommonsSerializationConfig): void;
+export declare function filterAdjustDisplayValueOnMatchModeChange(matchMode?: FilterMatchModeExtendedType, value?: any): any;
+export declare function filterGetDateConfig(descriptor?: FilterDescriptor<any, any>, serCfg?: CommonsSerializationConfig): FilterDateConfig | undefined;
+export declare function filterGetNumberConfig(descriptor?: FilterDescriptor<any, any>): {
+    fractionsMin: number | undefined;
+    fractionsMax: number | undefined;
+} | undefined;

package/table/index.d.ts

@@ -1,8 +1,17 @@
-export * from './components/column-filter-full/column-filter-full.component';
+export * from './components/column-filter/column-filter.component';
 export * from './components/column-value/column-value.component';
+export * from './components/filter/filter-active-tag/filter-active-tag.component';
+export * from './components/filter/filter-form/filter-form.component';
+export * from './components/filter/filter-overlay-with-tag/filter-overlay-with-tag.component';
 export * from './components/table/table.component';
+export * from './helpers/filters';
 export * from './helpers/notification';
 export * from './helpers/table-layout-prefs';
+export * from './models/column-preferences.model';
+export * from './models/filter.model';
+export * from './pipes/filter-value.pipe';
 export * from './pipes/locale-default-row-class.pipe';
 export * from './pipes/table-column-filter-class.pipe';
 export * from './services/data-list.service';
+export * from './services/table-feature-config.token';
+export * from './provide';

package/table/models/filter.model.d.ts

@@ -0,0 +1,24 @@
+import { CommonsFilterMetadata, FilterMatchModeExtendedType } from '@mediusinc/mng-commons/core';
+import { FilterDescriptor } from '@mediusinc/mng-commons/filter';
+export interface CommonsFilterMetadataWithDescriptor extends CommonsFilterMetadata {
+    descriptor: FilterDescriptor<any, any>;
+}
+export interface FilterFormEmitEvent {
+    property: string;
+    matchMode: FilterMatchModeExtendedType;
+    value?: any | null | any[];
+    caseSensitive: boolean;
+}
+export interface FilterActiveTagEvent {
+    filter: CommonsFilterMetadataWithDescriptor;
+    event?: Event;
+}
+export interface FilterDateConfig {
+    valueUtc?: boolean;
+    valueNoTime?: boolean;
+    valueNoTimezone?: boolean;
+    valueNoMillis?: boolean;
+    format?: string;
+    showTime?: boolean;
+    showSeconds?: boolean;
+}

package/table/pipes/filter-value.pipe.d.ts

@@ -0,0 +1,19 @@
+import { OnDestroy, PipeTransform } from '@angular/core';
+import { Observable, ReplaySubject } from 'rxjs';
+import { FilterDescriptor } from '@mediusinc/mng-commons/filter';
+import * as i0 from "@angular/core";
+export declare class FilterValuePipe implements PipeTransform, OnDestroy {
+    private readonly locale;
+    private readonly translate;
+    private readonly enumPipe;
+    private subscription?;
+    subject: ReplaySubject<any>;
+    transform(value: unknown, descriptor?: FilterDescriptor<any, any>): Observable<any>;
+    /**
+     * If returns a string, this represents i18n key that must go through translation. If translation is not needed, undefined is returned.
+     */
+    private prepareValueTransform;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FilterValuePipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<FilterValuePipe, "mngFilterValue", true>;
+}

package/table/provide.d.ts

@@ -0,0 +1,8 @@
+import { CommonsFeature } from '@mediusinc/mng-commons/core';
+import { TableFeatureConfig } from './services/table-feature-config.token';
+/**
+ * Prepares providers for usage of the tableview functionalities.
+ *
+ * @returns {CommonsFeature} The `CommonsFeature` object with the layout configuration.
+ */
+export declare function withTable(config?: TableFeatureConfig): CommonsFeature;

package/table/services/data-list.service.d.ts

@@ -1,8 +1,9 @@
-import { FilterMetadata, SortMeta } from 'primeng/api';
+import { SortMeta } from 'primeng/api';
+import { CommonsFilterMetadata } from '@mediusinc/mng-commons/core';
 import * as i0 from "@angular/core";
 export declare class DataListService<Item> {
     sortMeta: import("@angular/core").WritableSignal<SortMeta[] | null>;
-    filterMeta: import("@angular/core").WritableSignal<Record<string, FilterMetadata>>;
+    filterMeta: import("@angular/core").WritableSignal<Record<string, CommonsFilterMetadata>>;
     rowsPerPageOptions: import("@angular/core").WritableSignal<number[]>;
     rows: import("@angular/core").WritableSignal<number>;
     offset: import("@angular/core").WritableSignal<number>;

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

@@ -0,0 +1,6 @@
+import { InjectionToken } from '@angular/core';
+import { FilterDisplayTypeEnum } from '@mediusinc/mng-commons/filter';
+export interface TableFeatureConfig {
+    filterDisplayType?: FilterDisplayTypeEnum;
+}
+export declare const COMMONS_TABLE_FEATURE_CONFIG_IT: InjectionToken<TableFeatureConfig>;

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

@@ -43,8 +43,8 @@ export declare abstract class AFieldDescriptor<FieldModel, EditorModel, FieldVal
     /** @ignore */ protected _onValueChange?: (field: CommonsFormlyFieldConfig<FieldValue, EditorModel>, value: any) => void;
     /** @ignore */ protected _className: string;
     /** @ignore */ protected _fieldClassName?: string;
-    /** @ignore */ protected _labelClassName: string;
-    /** @ignore */ protected _inputClassName: string;
+    /** @ignore */ protected _labelClassName?: string;
+    /** @ignore */ protected _inputClassName?: string;
     /** @ignore */ protected _size: FieldSizeEnum;
     /** @ignore */ protected _isLocalized: boolean;
     /** @ignore */ protected readonly _eventsSubject: Subject<FormFieldEvent<FieldValue, EditorModel, ParentEditorModel>>;
@@ -80,8 +80,8 @@ export declare abstract class AFieldDescriptor<FieldModel, EditorModel, FieldVal
     get onValueChange(): ((field: CommonsFormlyFieldConfig<FieldValue, EditorModel, any, import("../models/formly-field.model").CommonsFormlyFieldProps<FieldValue, EditorModel, any>>, value: any) => void) | undefined;
     get className(): string;
     get fieldClassName(): string | undefined;
-    get labelClassName(): string;
-    get inputClassName(): string;
+    get labelClassName(): string | undefined;
+    get inputClassName(): string | undefined;
     get size(): FieldSizeEnum;
     get isSizeSmall(): boolean;
     get isSizeLarge(): boolean;

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

@@ -3,6 +3,7 @@ import { AbstractControl } from '@angular/forms';
 import { ItemOrObservable } from '@mediusinc/mng-commons/core';
 import { InputTrimType } from '@mediusinc/mng-commons/form/api';
 import { EnumDescriptor } from '@mediusinc/mng-commons/model';
+import { FieldImagePreviewComponent } from '../models/field-image-preview.model';
 import { FieldInputTypeEnum } from '../models/field.model';
 import { AFormlyCustomFieldComponent } from '../models/formly-custom-field.model';
 import { CommonsFormlyFieldConfig } from '../models/formly-field.model';
@@ -51,8 +52,8 @@ export type FieldInputNumberFractionOptsType = {
 export type FieldInputLocaleOptsType = {
     locale?: string;
 };
-export type FieldInputDatePickerOptsType<FieldValue, EditorModel, ParentEditorModel> = FieldInputDatePickerDisplayOptsType & FieldInputDateValidationOptsType<FieldValue, EditorModel, ParentEditorModel> & DateOptsType;
-export type DateOptsType = {
+export type FieldInputDatePickerOptsType<FieldValue, EditorModel, ParentEditorModel> = FieldInputDatePickerDisplayOptsType & FieldInputDateValidationOptsType<FieldValue, EditorModel, ParentEditorModel> & FieldDateOptsType;
+export type FieldDateOptsType = {
     asDateObj?: boolean;
     utc?: boolean;
     noTime?: boolean;
@@ -63,11 +64,16 @@ export type FieldInputFileOpts = {
     maxFileSize?: number;
     accept?: string;
     onFileSelectHandlerFn?: FieldInputFileOnSelectHandlerFnType;
+    preview?: boolean;
+    previewAllowSvg?: boolean;
+    previewComponent?: Type<FieldImagePreviewComponent>;
 };
 export type FieldInputImageUrlOpts = {
     multiple?: boolean;
     preview?: boolean;
     inputVisibleOnDisabled?: boolean;
+    previewAllowSvg?: boolean;
+    previewComponent?: Type<FieldImagePreviewComponent>;
 };
 export type FieldInputComponentOpts = {
     fieldWrappers?: string[];
@@ -112,6 +118,8 @@ export declare class FieldInputDescriptor<EditorModel, FieldModel = FieldInputDe
     private _fileOnSelectHandler?;
     private _imagePreview?;
     private _imageUrlInputHiddenOnDisabled?;
+    private _imagePreviewAllowSvg?;
+    private _imagePreviewComponent?;
     private _customComponentType?;
     private _customComponentInputs?;
     private _customComponentWrappers?;
@@ -154,6 +162,8 @@ export declare class FieldInputDescriptor<EditorModel, FieldModel = FieldInputDe
     get fileOnSelectHandler(): FieldInputFileOnSelectHandlerFnType | undefined;
     get imagePreview(): boolean | undefined;
     get imageUrlInputVisibleOnDisabled(): boolean | undefined;
+    get imagePreviewAllowSvg(): boolean | undefined;
+    get imagePreviewComponent(): Type<FieldImagePreviewComponent> | undefined;
     get customComponentType(): Type<AFormlyCustomFieldComponent<FieldValue, EditorModel, ParentEditorModel>> | undefined;
     get customComponentInputs(): Record<string, any> | undefined;
     get customComponentWrappers(): string[] | undefined;
@@ -186,7 +196,7 @@ export declare class FieldInputDescriptor<EditorModel, FieldModel = FieldInputDe
     withDatePickerDisplay(opts?: FieldInputDatePickerDisplayOptsType): this;
     withDateValidation(opts?: FieldInputDateValidationOptsType<FieldValue, EditorModel, ParentEditorModel>): this;
     withInputTrim(trimOption?: InputTrimType): this;
-    withDateValue(opts?: DateOptsType): this;
+    withDateValue(opts?: FieldDateOptsType): this;
     withTextValidationEmail(email?: boolean): this;
     withFileOnSelectHandler(fn?: FieldInputFileOnSelectHandlerFnType): this;
     copy(): FieldInputDescriptor<EditorModel, FieldModel, FieldValue, ParentEditorModel>;

package/tableview/api/editor/models/editor-fields.model.d.ts

@@ -1,6 +1,6 @@
-import { ArrayItemType, EnumConstantType, ITableviewDescriptor, IdType, Nullable } from '@mediusinc/mng-commons/core';
+import { ArrayItemType, EnumConstantType, ITableDescriptor, ITableviewDescriptor, IdType, Nullable } from '@mediusinc/mng-commons/core';
 import { EnumDescriptor, TypeDescriptor } from '@mediusinc/mng-commons/model';
-import { ITableDataProvider, ITableDescriptorInternal } from '@mediusinc/mng-commons/table/api';
+import { ITableDataProvider } from '@mediusinc/mng-commons/table/api';
 import { FieldActionDescriptor } from '../descriptors/field-action.descriptor';
 import { AFieldDescriptor } from '../descriptors/field-base.descriptor';
 import { FieldLookupDescriptor, FieldLookupEnumDescriptor, FieldLookupProviderType } from '../descriptors/field-lookup.descriptor';
@@ -31,8 +31,8 @@ export interface IFieldsManageInterface<EditorModel, ParentEditorModel> {
     addFieldLookupEnumUnsafe<Enum = EnumConstantType>(property: string, enumModel: EnumDescriptor<Enum>, options?: Array<Enum>): FieldLookupEnumDescriptor<Enum, EditorModel, ParentEditorModel>;
     addFieldManyEditor<Property extends keyof EditorModel, FieldModel = ArrayItemType<EditorModel[Property]>, FieldValue = EditorModel[Property]>(property: Property, tableviewDescriptor: ITableviewDescriptor<FieldModel, any, any, EditorModel>): FieldManyEditorDescriptor<FieldModel, EditorModel, FieldValue, ParentEditorModel>;
     addFieldManyEditorUnsafe<FieldModel, FieldValue = FieldModel[]>(property: string, tableviewDescriptor: ITableviewDescriptor<FieldModel, any, any, EditorModel>): FieldManyEditorDescriptor<FieldModel, EditorModel, FieldValue, ParentEditorModel>;
-    addFieldManyToManyEditor<Property extends keyof EditorModel, Service, FieldModel = ArrayItemType<EditorModel[Property]>, FieldValue = EditorModel[Property]>(property: Property, mainTableDescriptor: ITableDescriptorInternal<FieldModel>, lookupTableDescriptor: ITableDescriptorInternal<FieldModel>, lookupDataProvider: ITableDataProvider<FieldModel, Service>): FieldManyToManyEditorDescriptor<FieldModel, EditorModel, Service, FieldValue, ParentEditorModel>;
-    addFieldManyToManyEditorUnsafe<FieldModel, Service, FieldValue = FieldModel[]>(property: string, mainTableDescriptor: ITableDescriptorInternal<FieldModel>, lookupTableDescriptor: ITableDescriptorInternal<FieldModel>, lookupDataProvider: ITableDataProvider<FieldModel, Service>): FieldManyToManyEditorDescriptor<FieldModel, EditorModel, Service, FieldValue, ParentEditorModel>;
+    addFieldManyToManyEditor<Property extends keyof EditorModel, Service, FieldModel = ArrayItemType<EditorModel[Property]>, FieldValue = EditorModel[Property]>(property: Property, mainTableDescriptor: ITableDescriptor<FieldModel, any, any>, lookupTableDescriptor: ITableDescriptor<FieldModel, any, any>, lookupDataProvider: ITableDataProvider<FieldModel, Service>): FieldManyToManyEditorDescriptor<FieldModel, EditorModel, Service, FieldValue, ParentEditorModel>;
+    addFieldManyToManyEditorUnsafe<FieldModel, Service, FieldValue = FieldModel[]>(property: string, mainTableDescriptor: ITableDescriptor<FieldModel, any, any>, lookupTableDescriptor: ITableDescriptor<FieldModel, any, any>, lookupDataProvider: ITableDataProvider<FieldModel, Service>): FieldManyToManyEditorDescriptor<FieldModel, EditorModel, Service, FieldValue, ParentEditorModel>;
     withValidation<Value = EditorModel>(name: string, validator?: FormValidator<Value, ParentEditorModel>, message?: FormValidationMessage<Value, ParentEditorModel>, opts?: FieldValidationDescriptorOptsType<keyof EditorModel>): this;
     withValidationUnsafe<Value = EditorModel>(name: string, validator?: FormValidator<Value, ParentEditorModel>, message?: FormValidationMessage<Value, ParentEditorModel>, opts?: FieldValidationDescriptorOptsType): this;
 }

package/tableview/api/editor/models/field-image-preview.model.d.ts

@@ -0,0 +1,4 @@
+import { InputSignal } from '@angular/core';
+export interface FieldImagePreviewComponent {
+    imageUrl: InputSignal<string>;
+}

package/tableview/api/index.d.ts

@@ -45,6 +45,7 @@ export * from './editor/models/formly-custom-field.model';
 export * from './editor/models/formly-field.model';
 export * from './editor/models/formly-options.model';
 export * from './editor/models/radio.model';
+export * from './editor/models/field-image-preview.model';
 export * from './tableview/data-providers/tableview.data-provider';
 export * from './tableview/data-providers/tableview-data-provider.factory';
 export * from './tableview/descriptors/tableview.descriptor';

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

@@ -1,5 +1,5 @@
 import { ArrayItemType, EnumConstantType, ILookupDataProvider, ITableviewDescriptor, IdType, KeyofAndOfType, Nullable } from '@mediusinc/mng-commons/core';
-import { FilterDescriptor } from '@mediusinc/mng-commons/filter';
+import { FilterDescriptor, FilterDisplayTypeEnum } from '@mediusinc/mng-commons/filter';
 import { EnumDescriptor, ModelDescriptor, TypeDescriptor } from '@mediusinc/mng-commons/model';
 import { ColumnDescriptor, IColumnsManageInterface, ITableDataProvider, TableDescriptorInst, TableDynamicDescriptorInst } from '@mediusinc/mng-commons/table/api';
 import { EditorDescriptorInst } from '../../editor/descriptors/editor.descriptor';
@@ -17,14 +17,12 @@ export declare class TableviewDescriptorInst<TableviewModel, Sorts = keyof Table
     protected _detailsEditor: EditorDescriptorInst<TableviewModel, ParentEditorModel>;
     protected _addEditor: EditorDescriptorInst<TableviewModel, ParentEditorModel>;
     protected _editEditor: EditorDescriptorInst<TableviewModel, ParentEditorModel>;
-    protected _tableTitle?: string;
     protected _isLocalized: boolean;
     constructor(model: ModelDescriptor<TableviewModel>);
     get table(): TableDescriptorInst<TableviewModel, Sorts, Filters>;
     get detailsEditor(): EditorDescriptorInst<TableviewModel, ParentEditorModel>;
     get addEditor(): EditorDescriptorInst<TableviewModel, ParentEditorModel>;
     get editEditor(): EditorDescriptorInst<TableviewModel, ParentEditorModel>;
-    get tableTitle(): string | undefined;
     get model(): ModelDescriptor<TableviewModel, import("@mediusinc/mng-commons/core").ClassOptType<TableviewModel>>;
     isLocalized(): boolean;
     withTableDescriptor(descriptor: TableDescriptorInst<TableviewModel, Sorts, Filters>): this;
@@ -38,7 +36,11 @@ export declare class TableviewDescriptorInst<TableviewModel, Sorts = keyof Table
      * @param type which editor type to set to disabled
      */
     withDisabledEditorDescriptor(type?: TableviewEditorTypeEnum): this;
-    withTableTitle(title: string): this;
+    /**
+     * @deprecated Use {table.withTitle} directly
+     * @param title
+     */
+    withTableTitle(title: string | undefined): this;
     withValidation<Value = TableviewModel>(name: string, expression: FormValidator<Value, ParentEditorModel>, message?: FormValidationMessage<Value, ParentEditorModel>, opts?: FieldValidationDescriptorOptsType<keyof TableviewModel>): this;
     withValidationUnsafe<Value = TableviewModel>(name: string, expression: FormValidator<Value, ParentEditorModel>, message?: FormValidationMessage<Value, ParentEditorModel>, opts?: FieldValidationDescriptorOptsType): this;
     getColumn(property: keyof TableviewModel): ColumnDescriptor<any, TableviewModel, any> | null;
@@ -72,10 +74,10 @@ export declare class TableviewDescriptorInst<TableviewModel, Sorts = keyof Table
     addFilterLookupUnsafe<FilterModel, Service = undefined>(property: string, provider?: ILookupDataProvider<FilterModel, Service>, optionsValueProperty?: string): import("@mediusinc/mng-commons/filter").FilterLookupDescriptor<FilterModel, TableviewModel, Service>;
     addFilterLookupEnum<Enum>(property: Filters, enumDesc: EnumDescriptor<Enum>, options?: Array<Enum>): import("@mediusinc/mng-commons/filter").FilterLookupEnumDescriptor<Enum, unknown>;
     addFilterLookupEnumUnsafe<Enum = EnumConstantType>(property: string, enumDesc: EnumDescriptor<Enum>, options?: Array<Enum>): import("@mediusinc/mng-commons/filter").FilterLookupEnumDescriptor<Enum, unknown>;
-    addFilterFromColumn(property: Extract<Filters, keyof TableviewModel>, forceSimple?: boolean): FilterDescriptor<any, TableviewModel>;
+    addFilterFromColumn(property: Extract<Filters, keyof TableviewModel>, displayType?: FilterDisplayTypeEnum, forceSimple?: boolean): FilterDescriptor<any, TableviewModel>;
     withFiltersFromColumns(...properties: Extract<Filters, keyof TableviewModel>[]): this;
     withFiltersFromColumnsUnsafe(...properties: string[]): this;
-    addFilterFromColumnUnsafe(property: string, forceSimple?: boolean): FilterDescriptor<any, TableviewModel>;
+    addFilterFromColumnUnsafe(property: string, displayType?: FilterDisplayTypeEnum, forceSimple?: boolean): FilterDescriptor<any, TableviewModel>;
     withFilter<FilterModel>(property: Filters, filter: FilterDescriptor<FilterModel, TableviewModel>): this;
     withFilterUnsafe<FilterModel>(filter: FilterDescriptor<FilterModel, TableviewModel>): this;
     getField(property: keyof TableviewModel, editorType: TableviewEditorTypeEnum): AFieldDescriptor<any, TableviewModel, ParentEditorModel, undefined> | null;

package/tableview/editor/components/formly/fields/formly-field-input/formly-field-input.component.d.ts

@@ -25,6 +25,7 @@ export declare class FormlyFieldInputComponent<ET> extends ACommonsFormlyFieldTy
     removeImageUrlAt(idx: number): void;
     onImageUrlLoadError(): void;
     private updateFileFormControl;
+    isUrlSvgImage(url: string): boolean;
     isFileImageSvg(file: File): boolean;
     getFileDocumentTypeIcon(file: File): "pi-video" | "pi-volume-up" | "pi-file-pdf" | "pi-file-word" | "pi-file-excel" | "pi-file";
     static ɵfac: i0.ɵɵFactoryDeclaration<FormlyFieldInputComponent<any>, never>;

package/version-info.json

@@ -1,11 +1,11 @@
 {
     "name": "@mediusinc/mng-commons",
-    "version": "5.3.0-rc.1",
+    "version": "5.3.0-rc.3",
     "tag": "v5.2.0-rc.2",
-    "distance": 22,
-    "hash": "2f9bf37f",
+    "distance": 39,
+    "hash": "6e974648",
     "dirty": true,
-    "semver": "5.2.0-rc.2+22.g2f9bf37f.dirty",
+    "semver": "5.2.0-rc.2+39.g6e974648.dirty",
     "buildTimestamp": null,
-    "raw": "v5.2.0-rc.2-22-2f9bf37f-dirty"
+    "raw": "v5.2.0-rc.2-39-6e974648-dirty"
 }