@mediusinc/mng-commons 0.2.22 → 0.2.23
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm2020/lib/api/models/query-param.model.mjs +3 -3
- package/esm2020/lib/components/tableview/table/column-filter/column-filter.component.mjs +16 -3
- package/esm2020/lib/descriptors/table.descriptor.mjs +3 -1
- package/esm2020/lib/router/route-builder.mjs +31 -25
- package/fesm2015/mediusinc-mng-commons.mjs +49 -28
- package/fesm2015/mediusinc-mng-commons.mjs.map +1 -1
- package/fesm2020/mediusinc-mng-commons.mjs +49 -28
- package/fesm2020/mediusinc-mng-commons.mjs.map +1 -1
- package/lib/components/tableview/table/column-filter/column-filter.component.d.ts +1 -0
- package/lib/router/route-builder.d.ts +2 -0
- package/package.json +1 -1
|
@@ -252,7 +252,7 @@ MediusQueryParam.attributeTypeMap = [
|
|
|
252
252
|
{
|
|
253
253
|
name: 'filterParams',
|
|
254
254
|
baseName: 'filter_params',
|
|
255
|
-
type: 'Array<
|
|
255
|
+
type: 'Array<FilterParam>'
|
|
256
256
|
},
|
|
257
257
|
{
|
|
258
258
|
name: 'filterAllParam',
|
|
@@ -287,7 +287,7 @@ MediusQueryParam.attributeTypeMap = [
|
|
|
287
287
|
{
|
|
288
288
|
name: 'queryMode',
|
|
289
289
|
baseName: 'query_mode',
|
|
290
|
-
type: '
|
|
290
|
+
type: 'QueryMode'
|
|
291
291
|
}
|
|
292
292
|
];
|
|
293
293
|
|
|
@@ -2324,10 +2324,12 @@ class FilterLookupDescriptor extends FilterDescriptor {
|
|
|
2324
2324
|
}
|
|
2325
2325
|
withItemsValueProperty(itemsValueProperty) {
|
|
2326
2326
|
this._itemsValueProperty = itemsValueProperty;
|
|
2327
|
+
this._dataKeyProperty = itemsValueProperty;
|
|
2327
2328
|
return this;
|
|
2328
2329
|
}
|
|
2329
2330
|
withDataKeyProperty(dataKeyProperty) {
|
|
2330
2331
|
this._dataKeyProperty = dataKeyProperty;
|
|
2332
|
+
this._itemsValueProperty = dataKeyProperty;
|
|
2331
2333
|
return this;
|
|
2332
2334
|
}
|
|
2333
2335
|
withLookup(lookup, serviceType) {
|
|
@@ -5430,12 +5432,25 @@ class MngTableColumnFilterComponent {
|
|
|
5430
5432
|
filterCallback(value);
|
|
5431
5433
|
}
|
|
5432
5434
|
}
|
|
5435
|
+
// eslint-disable-next-line @typescript-eslint/ban-types
|
|
5436
|
+
dropdownFilter(value, filterCallback) {
|
|
5437
|
+
if (value) {
|
|
5438
|
+
let filterValue = value;
|
|
5439
|
+
if (this.lookupDescriptor.itemsValueProperty) {
|
|
5440
|
+
filterValue = filterValue[this.lookupDescriptor.itemsValueProperty];
|
|
5441
|
+
}
|
|
5442
|
+
filterCallback(filterValue);
|
|
5443
|
+
}
|
|
5444
|
+
else {
|
|
5445
|
+
filterCallback(value);
|
|
5446
|
+
}
|
|
5447
|
+
}
|
|
5433
5448
|
}
|
|
5434
5449
|
MngTableColumnFilterComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: MngTableColumnFilterComponent, deps: [{ token: i2.PrimeNGConfig }], target: i0.ɵɵFactoryTarget.Component });
|
|
5435
|
-
MngTableColumnFilterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.3", type: MngTableColumnFilterComponent, selector: "mng-table-column-filter", inputs: { descriptor: "descriptor", display: "display" }, ngImport: i0, template: "<p-columnFilter\n class=\"ml-auto\"\n [type]=\"primeType\"\n matchMode=\"equals\"\n [field]=\"descriptor.property\"\n [display]=\"primeDisplay\"\n [matchMode]=\"primeDefaultMatchMode\"\n [matchModeOptions]=\"$any(primeMatchModes)\"\n [placeholder]=\"descriptor.placeholder ?? 'mngTable.typeToFilter' | translate\"\n [showMatchModes]=\"true\"\n [showOperator]=\"false\"\n [showAddButton]=\"false\"\n [hideOnClear]=\"true\">\n <ng-template *ngIf=\"lookupDescriptor\" pTemplate=\"filter\" let-value let-filterCallback=\"filterCallback\">\n <ng-container [ngSwitch]=\"lookupDescriptor.lookupType\">\n <mng-autocomplete\n *ngSwitchCase=\"lookupTypeAutocomplete\"\n [ngModel]=\"value\"\n [dataProvider]=\"lookupDescriptor.dataProvider\"\n [dataKeyProperty]=\"lookupDescriptor.dataKeyProperty\"\n [itemsLabelProperty]=\"lookupDescriptor.itemsLabelProperty\"\n [multiselect]=\"lookupDescriptor.multiselect\"\n [placeholder]=\"descriptor.placeholder ?? 'mngTable.searchToFilter' | translate\"\n [className]=\"lookupDescriptor.className\"\n [dropdownClassName]=\"lookupDescriptor.dropdownClassName\"\n (valueChange)=\"autocompleteFilter($event, filterCallback)\">\n </mng-autocomplete>\n <mng-dropdown\n *ngSwitchCase=\"lookupTypeDropdown\"\n [ngModel]=\"value\"\n [dataProvider]=\"lookupDescriptor.dataProvider\"\n [dataKeyProperty]=\"lookupDescriptor.dataKeyProperty\"\n [itemsLabelProperty]=\"lookupDescriptor.itemsLabelProperty\"\n [itemsLabelTranslate]=\"lookupDescriptor.itemsLabelTranslate\"\n [
|
|
5450
|
+
MngTableColumnFilterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.3", type: MngTableColumnFilterComponent, selector: "mng-table-column-filter", inputs: { descriptor: "descriptor", display: "display" }, ngImport: i0, template: "<p-columnFilter\n class=\"ml-auto\"\n [type]=\"primeType\"\n matchMode=\"equals\"\n [field]=\"descriptor.property\"\n [display]=\"primeDisplay\"\n [matchMode]=\"primeDefaultMatchMode\"\n [matchModeOptions]=\"$any(primeMatchModes)\"\n [placeholder]=\"descriptor.placeholder ?? 'mngTable.typeToFilter' | translate\"\n [showMatchModes]=\"true\"\n [showOperator]=\"false\"\n [showAddButton]=\"false\"\n [hideOnClear]=\"true\">\n <ng-template *ngIf=\"lookupDescriptor\" pTemplate=\"filter\" let-value let-filterCallback=\"filterCallback\">\n <ng-container [ngSwitch]=\"lookupDescriptor.lookupType\">\n <mng-autocomplete\n *ngSwitchCase=\"lookupTypeAutocomplete\"\n [ngModel]=\"value\"\n [dataProvider]=\"lookupDescriptor.dataProvider\"\n [dataKeyProperty]=\"lookupDescriptor.dataKeyProperty\"\n [itemsLabelProperty]=\"lookupDescriptor.itemsLabelProperty\"\n [multiselect]=\"lookupDescriptor.multiselect\"\n [placeholder]=\"descriptor.placeholder ?? 'mngTable.searchToFilter' | translate\"\n [className]=\"lookupDescriptor.className\"\n [dropdownClassName]=\"lookupDescriptor.dropdownClassName\"\n (valueChange)=\"autocompleteFilter($event, filterCallback)\">\n </mng-autocomplete>\n <mng-dropdown\n *ngSwitchCase=\"lookupTypeDropdown\"\n [ngModel]=\"value\"\n [dataProvider]=\"lookupDescriptor.dataProvider\"\n [dataKeyProperty]=\"lookupDescriptor.dataKeyProperty\"\n [itemsLabelProperty]=\"lookupDescriptor.itemsLabelProperty\"\n [itemsLabelTranslate]=\"lookupDescriptor.itemsLabelTranslate\"\n [multiselect]=\"lookupDescriptor.multiselect\"\n [placeholder]=\"descriptor.placeholder ?? 'mngTable.selectToFilter' | translate\"\n [className]=\"lookupDescriptor.className\"\n [dropdownClassName]=\"lookupDescriptor.dropdownClassName\"\n [showClear]=\"true\"\n (valueChange)=\"dropdownFilter($event, filterCallback)\">\n </mng-dropdown>\n </ng-container>\n </ng-template>\n</p-columnFilter>\n", components: [{ type: i4$4.ColumnFilter, selector: "p-columnFilter", inputs: ["field", "type", "display", "showMenu", "matchMode", "operator", "showOperator", "showClearButton", "showApplyButton", "showMatchModes", "showAddButton", "hideOnClear", "placeholder", "matchModeOptions", "maxConstraints", "minFractionDigits", "maxFractionDigits", "prefix", "suffix", "locale", "localeMatcher", "currency", "currencyDisplay", "useGrouping"] }, { type: MngAutocompleteComponent, selector: "mng-autocomplete", inputs: ["dataProvider", "dataKeyProperty", "itemsLabelProperty", "multiselect", "placeholder", "className", "dropdownClassName"], outputs: ["valueChange"] }, { type: MngDropdownComponent, selector: "mng-dropdown", inputs: ["dataProvider", "dataKeyProperty", "itemsLabelProperty", "itemsLabelTranslate", "itemsValueProperty", "itemsDisabledProperty", "multiselect", "placeholder", "showClear", "selectFirstItem", "className", "dropdownClassName"], outputs: ["valueChange"] }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { type: i4.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i4.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i2$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], pipes: { "translate": i3$1.TranslatePipe } });
|
|
5436
5451
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: MngTableColumnFilterComponent, decorators: [{
|
|
5437
5452
|
type: Component,
|
|
5438
|
-
args: [{ selector: 'mng-table-column-filter', template: "<p-columnFilter\n class=\"ml-auto\"\n [type]=\"primeType\"\n matchMode=\"equals\"\n [field]=\"descriptor.property\"\n [display]=\"primeDisplay\"\n [matchMode]=\"primeDefaultMatchMode\"\n [matchModeOptions]=\"$any(primeMatchModes)\"\n [placeholder]=\"descriptor.placeholder ?? 'mngTable.typeToFilter' | translate\"\n [showMatchModes]=\"true\"\n [showOperator]=\"false\"\n [showAddButton]=\"false\"\n [hideOnClear]=\"true\">\n <ng-template *ngIf=\"lookupDescriptor\" pTemplate=\"filter\" let-value let-filterCallback=\"filterCallback\">\n <ng-container [ngSwitch]=\"lookupDescriptor.lookupType\">\n <mng-autocomplete\n *ngSwitchCase=\"lookupTypeAutocomplete\"\n [ngModel]=\"value\"\n [dataProvider]=\"lookupDescriptor.dataProvider\"\n [dataKeyProperty]=\"lookupDescriptor.dataKeyProperty\"\n [itemsLabelProperty]=\"lookupDescriptor.itemsLabelProperty\"\n [multiselect]=\"lookupDescriptor.multiselect\"\n [placeholder]=\"descriptor.placeholder ?? 'mngTable.searchToFilter' | translate\"\n [className]=\"lookupDescriptor.className\"\n [dropdownClassName]=\"lookupDescriptor.dropdownClassName\"\n (valueChange)=\"autocompleteFilter($event, filterCallback)\">\n </mng-autocomplete>\n <mng-dropdown\n *ngSwitchCase=\"lookupTypeDropdown\"\n [ngModel]=\"value\"\n [dataProvider]=\"lookupDescriptor.dataProvider\"\n [dataKeyProperty]=\"lookupDescriptor.dataKeyProperty\"\n [itemsLabelProperty]=\"lookupDescriptor.itemsLabelProperty\"\n [itemsLabelTranslate]=\"lookupDescriptor.itemsLabelTranslate\"\n [
|
|
5453
|
+
args: [{ selector: 'mng-table-column-filter', template: "<p-columnFilter\n class=\"ml-auto\"\n [type]=\"primeType\"\n matchMode=\"equals\"\n [field]=\"descriptor.property\"\n [display]=\"primeDisplay\"\n [matchMode]=\"primeDefaultMatchMode\"\n [matchModeOptions]=\"$any(primeMatchModes)\"\n [placeholder]=\"descriptor.placeholder ?? 'mngTable.typeToFilter' | translate\"\n [showMatchModes]=\"true\"\n [showOperator]=\"false\"\n [showAddButton]=\"false\"\n [hideOnClear]=\"true\">\n <ng-template *ngIf=\"lookupDescriptor\" pTemplate=\"filter\" let-value let-filterCallback=\"filterCallback\">\n <ng-container [ngSwitch]=\"lookupDescriptor.lookupType\">\n <mng-autocomplete\n *ngSwitchCase=\"lookupTypeAutocomplete\"\n [ngModel]=\"value\"\n [dataProvider]=\"lookupDescriptor.dataProvider\"\n [dataKeyProperty]=\"lookupDescriptor.dataKeyProperty\"\n [itemsLabelProperty]=\"lookupDescriptor.itemsLabelProperty\"\n [multiselect]=\"lookupDescriptor.multiselect\"\n [placeholder]=\"descriptor.placeholder ?? 'mngTable.searchToFilter' | translate\"\n [className]=\"lookupDescriptor.className\"\n [dropdownClassName]=\"lookupDescriptor.dropdownClassName\"\n (valueChange)=\"autocompleteFilter($event, filterCallback)\">\n </mng-autocomplete>\n <mng-dropdown\n *ngSwitchCase=\"lookupTypeDropdown\"\n [ngModel]=\"value\"\n [dataProvider]=\"lookupDescriptor.dataProvider\"\n [dataKeyProperty]=\"lookupDescriptor.dataKeyProperty\"\n [itemsLabelProperty]=\"lookupDescriptor.itemsLabelProperty\"\n [itemsLabelTranslate]=\"lookupDescriptor.itemsLabelTranslate\"\n [multiselect]=\"lookupDescriptor.multiselect\"\n [placeholder]=\"descriptor.placeholder ?? 'mngTable.selectToFilter' | translate\"\n [className]=\"lookupDescriptor.className\"\n [dropdownClassName]=\"lookupDescriptor.dropdownClassName\"\n [showClear]=\"true\"\n (valueChange)=\"dropdownFilter($event, filterCallback)\">\n </mng-dropdown>\n </ng-container>\n </ng-template>\n</p-columnFilter>\n" }]
|
|
5439
5454
|
}], ctorParameters: function () { return [{ type: i2.PrimeNGConfig }]; }, propDecorators: { descriptor: [{
|
|
5440
5455
|
type: Input
|
|
5441
5456
|
}], display: [{
|
|
@@ -7655,25 +7670,8 @@ class RoutesBuilder {
|
|
|
7655
7670
|
return new RoutesBuilder();
|
|
7656
7671
|
}
|
|
7657
7672
|
static createWithLayout(layoutComponent = MngMainLayoutComponent, topbarComponent, breadcrumbComponent, menuComponent, footerComponent) {
|
|
7658
|
-
const layoutRoute = RouteBuilder.
|
|
7659
|
-
|
|
7660
|
-
const dataBuilder = RouteDataBuilder.create();
|
|
7661
|
-
if (topbarComponent) {
|
|
7662
|
-
dataBuilder.withTopbarComponent(topbarComponent);
|
|
7663
|
-
}
|
|
7664
|
-
if (breadcrumbComponent) {
|
|
7665
|
-
dataBuilder.withBreadcrumbComponent(breadcrumbComponent);
|
|
7666
|
-
}
|
|
7667
|
-
if (menuComponent) {
|
|
7668
|
-
dataBuilder.withMenuComponent(menuComponent);
|
|
7669
|
-
}
|
|
7670
|
-
if (footerComponent) {
|
|
7671
|
-
dataBuilder.withFooterComponent(footerComponent);
|
|
7672
|
-
}
|
|
7673
|
-
layoutRoute.withDataBuilder(dataBuilder);
|
|
7674
|
-
}
|
|
7675
|
-
const routesBuilder = new RoutesBuilder(layoutRoute);
|
|
7676
|
-
return routesBuilder;
|
|
7673
|
+
const layoutRoute = RouteBuilder.createLayoutRoute('', layoutComponent, topbarComponent, breadcrumbComponent, menuComponent, footerComponent);
|
|
7674
|
+
return new RoutesBuilder(layoutRoute);
|
|
7677
7675
|
}
|
|
7678
7676
|
addAngularRoute(route) {
|
|
7679
7677
|
return this.addRouteBuilder(RouteBuilder.createFromRoute(route));
|
|
@@ -7682,11 +7680,7 @@ class RoutesBuilder {
|
|
|
7682
7680
|
return this.addRouteBuilder(RouteBuilder.createRedirect(path, redirectTo, pathMatch));
|
|
7683
7681
|
}
|
|
7684
7682
|
addLazyRoute(path, loadChildren, canLoad) {
|
|
7685
|
-
|
|
7686
|
-
if (canLoad?.length) {
|
|
7687
|
-
route.canLoad = canLoad;
|
|
7688
|
-
}
|
|
7689
|
-
return this.addRouteBuilder(RouteBuilder.createFromRoute(route));
|
|
7683
|
+
return this.addRouteBuilder(RouteBuilder.createLazyRoute(path, loadChildren, canLoad));
|
|
7690
7684
|
}
|
|
7691
7685
|
addRoute(path, component) {
|
|
7692
7686
|
return this.addRouteBuilder(RouteBuilder.create(path, component));
|
|
@@ -7759,9 +7753,36 @@ class RouteBuilder {
|
|
|
7759
7753
|
pathMatch: pathMatch
|
|
7760
7754
|
});
|
|
7761
7755
|
}
|
|
7756
|
+
static createLazyRoute(path, loadChildren, canLoad) {
|
|
7757
|
+
const route = { path: path, loadChildren: loadChildren };
|
|
7758
|
+
if (canLoad?.length) {
|
|
7759
|
+
route.canLoad = canLoad;
|
|
7760
|
+
}
|
|
7761
|
+
return new RouteBuilder(route);
|
|
7762
|
+
}
|
|
7762
7763
|
static createFromRoute(route) {
|
|
7763
7764
|
return new RouteBuilder(route);
|
|
7764
7765
|
}
|
|
7766
|
+
static createLayoutRoute(path, layoutComponent = MngMainLayoutComponent, topbarComponent, breadcrumbComponent, menuComponent, footerComponent) {
|
|
7767
|
+
const layoutRoute = RouteBuilder.create(path, layoutComponent);
|
|
7768
|
+
if (topbarComponent || breadcrumbComponent || menuComponent || footerComponent) {
|
|
7769
|
+
const dataBuilder = RouteDataBuilder.create();
|
|
7770
|
+
if (topbarComponent) {
|
|
7771
|
+
dataBuilder.withTopbarComponent(topbarComponent);
|
|
7772
|
+
}
|
|
7773
|
+
if (breadcrumbComponent) {
|
|
7774
|
+
dataBuilder.withBreadcrumbComponent(breadcrumbComponent);
|
|
7775
|
+
}
|
|
7776
|
+
if (menuComponent) {
|
|
7777
|
+
dataBuilder.withMenuComponent(menuComponent);
|
|
7778
|
+
}
|
|
7779
|
+
if (footerComponent) {
|
|
7780
|
+
dataBuilder.withFooterComponent(footerComponent);
|
|
7781
|
+
}
|
|
7782
|
+
layoutRoute.withDataBuilder(dataBuilder);
|
|
7783
|
+
}
|
|
7784
|
+
return layoutRoute;
|
|
7785
|
+
}
|
|
7765
7786
|
static createTableviewRoutes(path, descriptor, dataProvider, actions, hasDetails = true, hasEdit = true, hasAdd = true) {
|
|
7766
7787
|
const tableviewRoute = RouteBuilder.createFromRoute({
|
|
7767
7788
|
data: RouteDataBuilder.create().withTableview(descriptor, dataProvider, actions).build(),
|