@recursyve/nice-data-filter-kit 14.3.2 → 14.3.3
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/components/nice-filter-view/components/advanced-filters/advanced-filters.component.mjs +6 -3
- package/esm2020/lib/components/nice-filter-view/components/advanced-filters/button/advanced-filters-button.component.mjs +2 -2
- package/esm2020/lib/components/nice-filter-view/components/infinite-scroll-data-view/infinite-scroll-data-view.component.mjs +8 -4
- package/esm2020/lib/components/nice-filter-view/components/search/search.component.mjs +3 -2
- package/esm2020/lib/components/nice-filter-view/directives/mat-paginator.mjs +3 -2
- package/esm2020/lib/components/nice-filter-view/directives/mat-sort.mjs +4 -3
- package/esm2020/lib/components/nice-filter-view/directives/query-params.directive.mjs +2 -2
- package/esm2020/lib/components/nice-filter-view/nice-base-filter-view.component.mjs +13 -4
- package/esm2020/lib/components/nice-filter-view/store/nice-filter-view.service.mjs +10 -10
- package/fesm2015/recursyve-nice-data-filter-kit.mjs +41 -22
- package/fesm2015/recursyve-nice-data-filter-kit.mjs.map +1 -1
- package/fesm2020/recursyve-nice-data-filter-kit.mjs +42 -23
- package/fesm2020/recursyve-nice-data-filter-kit.mjs.map +1 -1
- package/lib/components/nice-filter-view/store/nice-filter-view.service.d.ts +8 -4
- package/package.json +2 -2
|
@@ -3083,7 +3083,7 @@ class NiceFilterViewService {
|
|
|
3083
3083
|
}
|
|
3084
3084
|
});
|
|
3085
3085
|
}
|
|
3086
|
-
setParameters(filterParameters, reload
|
|
3086
|
+
setParameters(filterParameters, reload) {
|
|
3087
3087
|
this.store.setParameters(filterParameters);
|
|
3088
3088
|
if (reload) {
|
|
3089
3089
|
this.filter();
|
|
@@ -3091,7 +3091,7 @@ class NiceFilterViewService {
|
|
|
3091
3091
|
}
|
|
3092
3092
|
resetPaging() {
|
|
3093
3093
|
const { filterParameters } = this.store.getValue();
|
|
3094
|
-
this.setParameters(Object.assign(Object.assign({}, filterParameters), { start: 0 })
|
|
3094
|
+
this.setParameters(Object.assign(Object.assign({}, filterParameters), { start: 0 }));
|
|
3095
3095
|
this.resetResult(true);
|
|
3096
3096
|
}
|
|
3097
3097
|
setQueryParams(queryParams) {
|
|
@@ -3105,7 +3105,7 @@ class NiceFilterViewService {
|
|
|
3105
3105
|
this.filter();
|
|
3106
3106
|
}
|
|
3107
3107
|
}
|
|
3108
|
-
setRules(rules
|
|
3108
|
+
setRules(rules) {
|
|
3109
3109
|
if (!Array.isArray(rules)) {
|
|
3110
3110
|
rules = [rules];
|
|
3111
3111
|
}
|
|
@@ -3116,16 +3116,16 @@ class NiceFilterViewService {
|
|
|
3116
3116
|
length: filterParameters.length,
|
|
3117
3117
|
rules
|
|
3118
3118
|
};
|
|
3119
|
-
this.setParameters(newRules
|
|
3119
|
+
this.setParameters(newRules);
|
|
3120
3120
|
}
|
|
3121
|
-
upsertRule(id, newRule
|
|
3121
|
+
upsertRule(id, newRule) {
|
|
3122
3122
|
var _a;
|
|
3123
3123
|
const { filterParameters } = this.store.getValue();
|
|
3124
3124
|
const currentQuery = (_a = filterParameters.rules) === null || _a === void 0 ? void 0 : _a[0];
|
|
3125
3125
|
const rule = Object.assign({ id }, newRule);
|
|
3126
3126
|
const query = { rules: [rule], condition: "and" };
|
|
3127
3127
|
if (!currentQuery || currentQuery.rules.length === 0) {
|
|
3128
|
-
this.setRules(query
|
|
3128
|
+
this.setRules(query);
|
|
3129
3129
|
return;
|
|
3130
3130
|
}
|
|
3131
3131
|
const oldRule = currentQuery.rules.find((r) => r.id === id);
|
|
@@ -3149,9 +3149,9 @@ class NiceFilterViewService {
|
|
|
3149
3149
|
this.setRules({
|
|
3150
3150
|
condition: currentQuery.condition,
|
|
3151
3151
|
rules: newRules
|
|
3152
|
-
}
|
|
3152
|
+
});
|
|
3153
3153
|
}
|
|
3154
|
-
removeRule(id
|
|
3154
|
+
removeRule(id) {
|
|
3155
3155
|
var _a;
|
|
3156
3156
|
const { filterParameters } = this.store.getValue();
|
|
3157
3157
|
const currentQuery = (_a = filterParameters.rules) === null || _a === void 0 ? void 0 : _a[0];
|
|
@@ -3163,7 +3163,7 @@ class NiceFilterViewService {
|
|
|
3163
3163
|
this.setRules({
|
|
3164
3164
|
condition: currentQuery.condition,
|
|
3165
3165
|
rules: newRules
|
|
3166
|
-
}
|
|
3166
|
+
});
|
|
3167
3167
|
}
|
|
3168
3168
|
addValue(value, opts) {
|
|
3169
3169
|
this.store.addValue(value, opts);
|
|
@@ -3350,7 +3350,7 @@ class NiceAdvancedFiltersButtonComponent {
|
|
|
3350
3350
|
}
|
|
3351
3351
|
onSelectedFilter(filter) {
|
|
3352
3352
|
const rule = AdvancedFiltersUtils.createRule(filter);
|
|
3353
|
-
this.service.setRules([{ condition: "and", rules: [rule] }]
|
|
3353
|
+
this.service.setRules([{ condition: "and", rules: [rule] }]);
|
|
3354
3354
|
this.service.updateSubState("showAdvancedFilters", true);
|
|
3355
3355
|
}
|
|
3356
3356
|
}
|
|
@@ -3765,7 +3765,8 @@ class NiceAdvancedFiltersComponent {
|
|
|
3765
3765
|
onClickDeleteRule(index) {
|
|
3766
3766
|
this.rulesFormArray.removeAt(index);
|
|
3767
3767
|
if (!this.rulesFormArray.length) {
|
|
3768
|
-
this.service.setRules([]
|
|
3768
|
+
this.service.setRules([]);
|
|
3769
|
+
this.service.filter();
|
|
3769
3770
|
this.onClose();
|
|
3770
3771
|
}
|
|
3771
3772
|
}
|
|
@@ -3773,7 +3774,9 @@ class NiceAdvancedFiltersComponent {
|
|
|
3773
3774
|
this.service.updateSubState("showAdvancedFilters", false);
|
|
3774
3775
|
}
|
|
3775
3776
|
onRefresh() {
|
|
3776
|
-
this.service.setRules(this.formGroup.getRawValue().transform()
|
|
3777
|
+
this.service.setRules(this.formGroup.getRawValue().transform());
|
|
3778
|
+
this.service.resetResult(true);
|
|
3779
|
+
this.service.filter();
|
|
3777
3780
|
}
|
|
3778
3781
|
}
|
|
3779
3782
|
NiceAdvancedFiltersComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceAdvancedFiltersComponent, deps: [{ token: ADVANCED_FILTER_ICONS, optional: true }, { token: i1$3.GeneratedFormGroup }, { token: NiceFilterViewQuery }, { token: NiceFilterViewService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
@@ -4074,9 +4077,13 @@ class NiceFilterInfiniteScrollDataViewComponent {
|
|
|
4074
4077
|
}
|
|
4075
4078
|
loadNextPage() {
|
|
4076
4079
|
return __awaiter(this, void 0, void 0, function* () {
|
|
4077
|
-
const { filterParameters } = this.query.getValue();
|
|
4080
|
+
const { filterParameters, filterResult } = this.query.getValue();
|
|
4078
4081
|
this.service.setMode("accumulated");
|
|
4079
|
-
|
|
4082
|
+
if (filterResult && filterResult.values.length >= filterResult.total) {
|
|
4083
|
+
return;
|
|
4084
|
+
}
|
|
4085
|
+
this.service.setParameters(Object.assign(Object.assign({}, filterParameters), { start: filterParameters.start + filterParameters.length }));
|
|
4086
|
+
this.service.filter();
|
|
4080
4087
|
});
|
|
4081
4088
|
}
|
|
4082
4089
|
}
|
|
@@ -4108,7 +4115,8 @@ class NiceFilterSearchComponent {
|
|
|
4108
4115
|
this.service.resetPaging();
|
|
4109
4116
|
}
|
|
4110
4117
|
const { filterParameters } = this.query.getValue();
|
|
4111
|
-
this.service.setParameters(Object.assign(Object.assign({}, filterParameters), { search })
|
|
4118
|
+
this.service.setParameters(Object.assign(Object.assign({}, filterParameters), { search }));
|
|
4119
|
+
this.service.filter();
|
|
4112
4120
|
}))
|
|
4113
4121
|
.subscribe();
|
|
4114
4122
|
}
|
|
@@ -4153,7 +4161,8 @@ class NiceFilterMatPaginatorPaginationDirective {
|
|
|
4153
4161
|
});
|
|
4154
4162
|
this.paginator.page.pipe(takeUntil(this.unsubscribeAll$)).subscribe((page) => {
|
|
4155
4163
|
const { filterParameters } = this.query.getValue();
|
|
4156
|
-
this.service.setParameters(Object.assign(Object.assign({}, filterParameters), { start: page.pageIndex * page.pageSize, length: page.pageSize })
|
|
4164
|
+
this.service.setParameters(Object.assign(Object.assign({}, filterParameters), { start: page.pageIndex * page.pageSize, length: page.pageSize }));
|
|
4165
|
+
this.service.filter();
|
|
4157
4166
|
});
|
|
4158
4167
|
}
|
|
4159
4168
|
ngOnDestroy() {
|
|
@@ -4191,14 +4200,15 @@ class NiceFilterMatSortSortingDirective {
|
|
|
4191
4200
|
const { filterParameters } = this.query.getValue();
|
|
4192
4201
|
if (!sort.direction) {
|
|
4193
4202
|
const { order } = filterParameters, values = __rest(filterParameters, ["order"]);
|
|
4194
|
-
this.service.setParameters(Object.assign(Object.assign({}, values), { order: {} })
|
|
4203
|
+
this.service.setParameters(Object.assign(Object.assign({}, values), { order: {} }));
|
|
4195
4204
|
}
|
|
4196
4205
|
else {
|
|
4197
4206
|
this.service.setParameters(Object.assign(Object.assign({}, filterParameters), { order: {
|
|
4198
4207
|
column: sort.active,
|
|
4199
4208
|
direction: sort.direction
|
|
4200
|
-
} })
|
|
4209
|
+
} }));
|
|
4201
4210
|
}
|
|
4211
|
+
this.service.filter();
|
|
4202
4212
|
});
|
|
4203
4213
|
}
|
|
4204
4214
|
ngOnDestroy() {
|
|
@@ -4287,7 +4297,7 @@ class NiceFilterQueryParamsDirective {
|
|
|
4287
4297
|
const { filterParameters, filterResult } = this.query.getValue();
|
|
4288
4298
|
if (FilterUtils.filterChangeNeedsRefresh(filterParameters, params) ||
|
|
4289
4299
|
!filterResult) {
|
|
4290
|
-
this.service.setParameters(params
|
|
4300
|
+
this.service.setParameters(params);
|
|
4291
4301
|
}
|
|
4292
4302
|
if (!this._initialized) {
|
|
4293
4303
|
this._initialized = true;
|
|
@@ -4377,21 +4387,30 @@ class NiceBaseFilterViewComponent {
|
|
|
4377
4387
|
* Reset all rules with a new set of rules.
|
|
4378
4388
|
*/
|
|
4379
4389
|
setRules(rules, reload = true) {
|
|
4380
|
-
this.filterViewService.setRules(rules
|
|
4390
|
+
this.filterViewService.setRules(rules);
|
|
4391
|
+
if (reload) {
|
|
4392
|
+
this.filterViewService.filter();
|
|
4393
|
+
}
|
|
4381
4394
|
}
|
|
4382
4395
|
/**
|
|
4383
4396
|
* Add or update a rule.
|
|
4384
4397
|
* NOTE: This will only check for rules in the first element of the rules array in the current filterParameters.
|
|
4385
4398
|
*/
|
|
4386
4399
|
upsertRule(id, newRule, reload = true) {
|
|
4387
|
-
this.filterViewService.upsertRule(id, newRule
|
|
4400
|
+
this.filterViewService.upsertRule(id, newRule);
|
|
4401
|
+
if (reload) {
|
|
4402
|
+
this.filterViewService.filter();
|
|
4403
|
+
}
|
|
4388
4404
|
}
|
|
4389
4405
|
/**
|
|
4390
4406
|
* Remove a rule.
|
|
4391
4407
|
* NOTE: This will only check for rules in the first element of the rules array in the current filterParameters.
|
|
4392
4408
|
*/
|
|
4393
4409
|
removeRule(id, reload = true) {
|
|
4394
|
-
this.filterViewService.removeRule(id
|
|
4410
|
+
this.filterViewService.removeRule(id);
|
|
4411
|
+
if (reload) {
|
|
4412
|
+
this.filterViewService.filter();
|
|
4413
|
+
}
|
|
4395
4414
|
}
|
|
4396
4415
|
autoLoad(autoLoad) {
|
|
4397
4416
|
const { autoLoad: defaultAutoLoad } = this.filterViewQuery.getValue();
|