@indigina/ui-kit 1.1.140 → 1.1.142
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/fesm2022/indigina-ui-kit.mjs +288 -51
- package/fesm2022/indigina-ui-kit.mjs.map +1 -1
- package/lib/components/kit-multiselect/kit-multiselect.component.d.ts +20 -4
- package/lib/components/kit-multiselect/kit-multiselect.module.d.ts +2 -1
- package/lib/widgets/kit-grid-management/kit-grid-filters/kit-filter-checkbox/kit-filter-checkbox.component.d.ts +2 -3
- package/lib/widgets/kit-grid-management/kit-grid-filters/kit-filter-radio/kit-filter-radio.component.d.ts +39 -0
- package/lib/widgets/kit-grid-management/kit-grid-filters/kit-grid-filters.component.d.ts +3 -3
- package/lib/widgets/kit-grid-management/kit-grid-filters/kit-grid-filters.model.d.ts +17 -4
- package/lib/widgets/kit-grid-management/kit-grid-filters/kit-grid-filters.util.d.ts +3 -3
- package/package.json +1 -1
- package/public-api.d.ts +2 -3
- package/lib/widgets/kit-grid-management/kit-grid-filters/kit-filter-checkbox/kit-filter-checkbox.model.d.ts +0 -5
|
@@ -1,11 +1,13 @@
|
|
|
1
|
-
import { ElementRef, EventEmitter } from '@angular/core';
|
|
1
|
+
import { ElementRef, EventEmitter, InputSignal, Signal, SimpleChanges } from '@angular/core';
|
|
2
2
|
import { KitMultiselectItem } from './kit-multiselect.model';
|
|
3
|
-
import { ItemDisabledFn, PopupSettings } from '@progress/kendo-angular-dropdowns';
|
|
3
|
+
import { ItemDisabledFn, MultiSelectComponent, PopupSettings } from '@progress/kendo-angular-dropdowns';
|
|
4
4
|
import { ControlValueAccessor } from '@angular/forms';
|
|
5
5
|
import { KitSvgIcon } from '../kit-svg-icon/kit-svg-icon.const';
|
|
6
|
+
import { TranslateService } from '@ngx-translate/core';
|
|
6
7
|
import * as i0 from "@angular/core";
|
|
7
8
|
export declare class KitMultiselectComponent<T> implements ControlValueAccessor {
|
|
8
9
|
private elementRef;
|
|
10
|
+
private readonly translateService;
|
|
9
11
|
/**
|
|
10
12
|
* An items list which is going to be rendered as multiselect items
|
|
11
13
|
*/
|
|
@@ -38,17 +40,28 @@ export declare class KitMultiselectComponent<T> implements ControlValueAccessor
|
|
|
38
40
|
* Defines a value which going to be an info message text
|
|
39
41
|
*/
|
|
40
42
|
messageText?: string;
|
|
43
|
+
readonly shouldAddAllAsOption: InputSignal<boolean>;
|
|
44
|
+
readonly allOptionLabel: InputSignal<string | undefined>;
|
|
41
45
|
/**
|
|
42
46
|
* An action which is emitted when value is changed
|
|
43
47
|
*/
|
|
44
48
|
changed: EventEmitter<T[]>;
|
|
49
|
+
readonly multiselect: Signal<MultiSelectComponent>;
|
|
45
50
|
/**
|
|
46
51
|
* Settings for the multiselect popup
|
|
47
52
|
*/
|
|
48
53
|
readonly popupSettings: PopupSettings;
|
|
49
54
|
readonly KitSvgIcon: typeof KitSvgIcon;
|
|
50
|
-
|
|
55
|
+
readonly allOption: Signal<KitMultiselectItem<T>>;
|
|
56
|
+
private readonly destroy$;
|
|
57
|
+
get canAddAllAsOption(): boolean;
|
|
58
|
+
get isAllAsOptionAdded(): boolean;
|
|
59
|
+
get hasSelectedAllOption(): boolean;
|
|
60
|
+
get allEnabledItems(): T[];
|
|
61
|
+
constructor(elementRef: ElementRef, translateService: TranslateService);
|
|
51
62
|
ngOnInit(): void;
|
|
63
|
+
ngOnChanges({ items, selectedItems, shouldAddAllAsOption }: SimpleChanges): void;
|
|
64
|
+
ngOnDestroy(): void;
|
|
52
65
|
onItemDisabled(): ItemDisabledFn;
|
|
53
66
|
onValueChange(value: T[]): void;
|
|
54
67
|
/**
|
|
@@ -63,6 +76,9 @@ export declare class KitMultiselectComponent<T> implements ControlValueAccessor
|
|
|
63
76
|
registerOnChange(fn: (_: T[]) => void): void;
|
|
64
77
|
registerOnTouched(fn: () => void): void;
|
|
65
78
|
setDisabledState(disabled: boolean): void;
|
|
79
|
+
private addAllAsOption;
|
|
80
|
+
private removeAllAsOption;
|
|
81
|
+
private subscribeToValueChanges;
|
|
66
82
|
static ɵfac: i0.ɵɵFactoryDeclaration<KitMultiselectComponent<any>, never>;
|
|
67
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<KitMultiselectComponent<any>, "kit-multiselect", never, { "items": { "alias": "items"; "required": false; }; "selectedItems": { "alias": "selectedItems"; "required": false; }; "label": { "alias": "label"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "autoClose": { "alias": "autoClose"; "required": false; }; "messageIcon": { "alias": "messageIcon"; "required": false; }; "messageText": { "alias": "messageText"; "required": false; }; }, { "changed": "changed"; }, never, never, false, never>;
|
|
83
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<KitMultiselectComponent<any>, "kit-multiselect", never, { "items": { "alias": "items"; "required": false; }; "selectedItems": { "alias": "selectedItems"; "required": false; }; "label": { "alias": "label"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "autoClose": { "alias": "autoClose"; "required": false; }; "messageIcon": { "alias": "messageIcon"; "required": false; }; "messageText": { "alias": "messageText"; "required": false; }; "shouldAddAllAsOption": { "alias": "shouldAddAllAsOption"; "required": false; "isSignal": true; }; "allOptionLabel": { "alias": "allOptionLabel"; "required": false; "isSignal": true; }; }, { "changed": "changed"; }, never, never, false, never>;
|
|
68
84
|
}
|
|
@@ -6,8 +6,9 @@ import * as i4 from "@angular/forms";
|
|
|
6
6
|
import * as i5 from "../kit-svg-icon/kit-svg-icon.module";
|
|
7
7
|
import * as i6 from "../kit-input-message/kit-input-message.module";
|
|
8
8
|
import * as i7 from "../kit-input-label/kit-input-label.module";
|
|
9
|
+
import * as i8 from "@ngx-translate/core";
|
|
9
10
|
export declare class KitMultiselectModule {
|
|
10
11
|
static ɵfac: i0.ɵɵFactoryDeclaration<KitMultiselectModule, never>;
|
|
11
|
-
static ɵmod: i0.ɵɵNgModuleDeclaration<KitMultiselectModule, [typeof i1.KitMultiselectComponent], [typeof i2.CommonModule, typeof i3.MultiSelectModule, typeof i3.DropDownListModule, typeof i4.FormsModule, typeof i5.KitSvgIconModule, typeof i6.KitInputMessageModule, typeof i7.KitInputLabelModule], [typeof i1.KitMultiselectComponent]>;
|
|
12
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<KitMultiselectModule, [typeof i1.KitMultiselectComponent], [typeof i2.CommonModule, typeof i3.MultiSelectModule, typeof i3.DropDownListModule, typeof i4.FormsModule, typeof i5.KitSvgIconModule, typeof i6.KitInputMessageModule, typeof i7.KitInputLabelModule, typeof i8.TranslateModule], [typeof i1.KitMultiselectComponent]>;
|
|
12
13
|
static ɵinj: i0.ɵɵInjectorDeclaration<KitMultiselectModule>;
|
|
13
14
|
}
|
|
@@ -1,14 +1,13 @@
|
|
|
1
1
|
import { ElementRef, InputSignal, ModelSignal, OnInit, OutputEmitterRef, Signal, WritableSignal } from '@angular/core';
|
|
2
2
|
import { KitPopupComponent } from '../../../../components/kit-popup/kit-popup.component';
|
|
3
|
-
import { KitFilterItem, KitFilterValue } from '../kit-grid-filters.model';
|
|
3
|
+
import { KitFilterItem, KitFilterListOption, KitFilterValue } from '../kit-grid-filters.model';
|
|
4
4
|
import { KitTooltipPosition } from '../../../../directives/kit-tooltip/kit-tooltip.const';
|
|
5
5
|
import { KitPillTheme } from '../../../../components/kit-pill/kit-pill.const';
|
|
6
|
-
import { KitFilterCheckboxItem } from './kit-filter-checkbox.model';
|
|
7
6
|
import * as i0 from "@angular/core";
|
|
8
7
|
export declare class KitFilterCheckboxComponent implements OnInit {
|
|
9
8
|
readonly filter: InputSignal<KitFilterItem>;
|
|
10
9
|
readonly translateKeyPrefix: InputSignal<string>;
|
|
11
|
-
readonly items: ModelSignal<
|
|
10
|
+
readonly items: ModelSignal<KitFilterListOption[]>;
|
|
12
11
|
readonly filterRemoved: OutputEmitterRef<void>;
|
|
13
12
|
readonly filterChanged: OutputEmitterRef<KitFilterValue>;
|
|
14
13
|
readonly anchor: Signal<ElementRef>;
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
import { ElementRef, InputSignal, ModelSignal, OnInit, OutputEmitterRef, Signal, WritableSignal } from '@angular/core';
|
|
2
|
+
import { TranslateService } from '@ngx-translate/core';
|
|
3
|
+
import { KitPillTheme } from '../../../../components/kit-pill/kit-pill.const';
|
|
4
|
+
import { KitFilterItem, KitFilterListOption, KitFilterValue } from '../kit-grid-filters.model';
|
|
5
|
+
import { KitPopupComponent } from '../../../../components/kit-popup/kit-popup.component';
|
|
6
|
+
import { KitRadioButton } from '../../../../components/kit-radio-button/kit-radio-button.model';
|
|
7
|
+
import * as i0 from "@angular/core";
|
|
8
|
+
export declare class KitFilterRadioComponent<T> implements OnInit {
|
|
9
|
+
private readonly translateService;
|
|
10
|
+
readonly filter: InputSignal<KitFilterItem>;
|
|
11
|
+
readonly translateKeyPrefix: InputSignal<string>;
|
|
12
|
+
readonly items: ModelSignal<KitFilterListOption<T>[]>;
|
|
13
|
+
readonly filterRemoved: OutputEmitterRef<void>;
|
|
14
|
+
readonly filterChanged: OutputEmitterRef<KitFilterValue>;
|
|
15
|
+
readonly anchor: Signal<ElementRef>;
|
|
16
|
+
readonly popup: Signal<KitPopupComponent | undefined>;
|
|
17
|
+
readonly selectedValue: WritableSignal<KitFilterValue | null>;
|
|
18
|
+
readonly radioButtonValue: WritableSignal<T | null>;
|
|
19
|
+
readonly kitPillTheme: typeof KitPillTheme;
|
|
20
|
+
constructor(translateService: TranslateService);
|
|
21
|
+
ngOnInit(): void;
|
|
22
|
+
get selectedFilterValue(): T;
|
|
23
|
+
removeFilter(): void;
|
|
24
|
+
applyButtonDisabled(): boolean;
|
|
25
|
+
clearAllFilters(): void;
|
|
26
|
+
onPopupToggle(): void;
|
|
27
|
+
close(): void;
|
|
28
|
+
applyFilter(): void;
|
|
29
|
+
buildRadioButtonItems(items: KitFilterListOption<T>[]): KitRadioButton<T>[];
|
|
30
|
+
onRadioButtonChange(item: KitRadioButton<T>): void;
|
|
31
|
+
buildTranslateKey(value: string): string;
|
|
32
|
+
getSelectedFilterText(value: T): string;
|
|
33
|
+
hasSelectedFilters(value: T): boolean;
|
|
34
|
+
private initializeSelectedValue;
|
|
35
|
+
private updateItemsState;
|
|
36
|
+
private showPopupOnInit;
|
|
37
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<KitFilterRadioComponent<any>, never>;
|
|
38
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<KitFilterRadioComponent<any>, "kit-filter-radio", never, { "filter": { "alias": "filter"; "required": true; "isSignal": true; }; "translateKeyPrefix": { "alias": "translateKeyPrefix"; "required": false; "isSignal": true; }; "items": { "alias": "items"; "required": false; "isSignal": true; }; }, { "items": "itemsChange"; "filterRemoved": "filterRemoved"; "filterChanged": "filterChanged"; }, never, never, true, never>;
|
|
39
|
+
}
|
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
import { InputSignal, OutputEmitterRef, Signal } from '@angular/core';
|
|
2
2
|
import { Store } from '@ngxs/store';
|
|
3
3
|
import { KitGridColumnConfig } from '../store/kit-grid.model';
|
|
4
|
-
import {
|
|
4
|
+
import { KitFilterListConfig, KitFilterItem, KitFilterType, KitFilterValue } from './kit-grid-filters.model';
|
|
5
5
|
import { KitFilterSelectorItem } from './kit-filter-selector/kit-filter-selector.model';
|
|
6
6
|
import * as i0 from "@angular/core";
|
|
7
7
|
export declare class KitGridFiltersComponent {
|
|
8
8
|
private readonly store;
|
|
9
9
|
readonly excludedColumns: InputSignal<string[]>;
|
|
10
10
|
readonly columns: InputSignal<KitGridColumnConfig[]>;
|
|
11
|
-
readonly
|
|
11
|
+
readonly filterListConfig: InputSignal<KitFilterListConfig>;
|
|
12
12
|
readonly filterChanged: OutputEmitterRef<void>;
|
|
13
13
|
readonly kitFilterType: typeof KitFilterType;
|
|
14
14
|
readonly filters: Signal<KitFilterItem[]>;
|
|
@@ -20,5 +20,5 @@ export declare class KitGridFiltersComponent {
|
|
|
20
20
|
buildFilterSelectorItem(item: KitGridColumnConfig, filters: KitFilterItem[]): KitFilterSelectorItem;
|
|
21
21
|
private isFilterSelectorItemDisabled;
|
|
22
22
|
static ɵfac: i0.ɵɵFactoryDeclaration<KitGridFiltersComponent, never>;
|
|
23
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<KitGridFiltersComponent, "kit-grid-filters", never, { "excludedColumns": { "alias": "excludedColumns"; "required": true; "isSignal": true; }; "columns": { "alias": "columns"; "required": true; "isSignal": true; }; "
|
|
23
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<KitGridFiltersComponent, "kit-grid-filters", never, { "excludedColumns": { "alias": "excludedColumns"; "required": true; "isSignal": true; }; "columns": { "alias": "columns"; "required": true; "isSignal": true; }; "filterListConfig": { "alias": "filterListConfig"; "required": true; "isSignal": true; }; }, { "filterChanged": "filterChanged"; }, never, never, true, never>;
|
|
24
24
|
}
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import { KitFilterDescriptor } from '../../../utils/kit-data-query/kit-data-query.model';
|
|
2
2
|
import { KitFilterLogic } from '../../../utils/kit-data-query/kit-data-query.const';
|
|
3
|
-
import { KitFilterCheckboxItem } from './kit-filter-checkbox/kit-filter-checkbox.model';
|
|
4
3
|
export interface KitFilterValue {
|
|
5
4
|
logic: KitFilterLogic;
|
|
6
5
|
filters: KitFilterDescriptor[];
|
|
@@ -14,10 +13,24 @@ export interface KitFilterItem {
|
|
|
14
13
|
}
|
|
15
14
|
export declare enum KitFilterType {
|
|
16
15
|
CHECKBOX = "checkbox",
|
|
16
|
+
RADIO = "radio",
|
|
17
17
|
DATE = "date",
|
|
18
18
|
TEXT = "text"
|
|
19
19
|
}
|
|
20
|
-
export
|
|
21
|
-
|
|
20
|
+
export interface KitFilterListOption<T = string> {
|
|
21
|
+
title: string;
|
|
22
|
+
value: T;
|
|
23
|
+
checked: boolean;
|
|
24
|
+
}
|
|
25
|
+
type KitFilterListConfigValue = {
|
|
26
|
+
items: KitFilterListOption[];
|
|
27
|
+
translateKeyPrefix: string;
|
|
28
|
+
} | {
|
|
29
|
+
items: KitFilterListOption<boolean>[];
|
|
30
|
+
translateKeyPrefix: string;
|
|
31
|
+
} | {
|
|
32
|
+
items: KitFilterListOption<number>[];
|
|
22
33
|
translateKeyPrefix: string;
|
|
23
|
-
}
|
|
34
|
+
};
|
|
35
|
+
export type KitFilterListConfig = Record<string, KitFilterListConfigValue>;
|
|
36
|
+
export {};
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import { KitFilterItem } from './kit-grid-filters.model';
|
|
2
|
-
import { KitFilterCheckboxItem } from './kit-filter-checkbox/kit-filter-checkbox.model';
|
|
1
|
+
import { KitFilterItem, KitFilterListOption } from './kit-grid-filters.model';
|
|
3
2
|
import { KitCompositeFilterDescriptor } from '../../../utils/kit-data-query/kit-data-query.model';
|
|
4
3
|
export declare const convertFilterStringDate: (filters: KitFilterItem[]) => KitFilterItem[];
|
|
5
4
|
export declare const removeReadonlyPropertyFromFilters: (filters: KitFilterItem[]) => KitFilterItem[];
|
|
6
|
-
export declare const
|
|
5
|
+
export declare const kitBuildFilterListOptions: <T extends object>(enumObject: T) => KitFilterListOption[];
|
|
6
|
+
export declare const kitBuildFilterBooleanOptions: (trueLabelKey: string, falseLabelKey: string) => KitFilterListOption<boolean>[];
|
|
7
7
|
export declare const kitBuildOdataFilter: (filter?: KitCompositeFilterDescriptor) => string;
|
|
8
8
|
export declare const kitBuildFilters: (filters: KitFilterItem[]) => KitCompositeFilterDescriptor;
|
package/package.json
CHANGED
package/public-api.d.ts
CHANGED
|
@@ -177,10 +177,9 @@ export { KitGridViewsState } from './lib/widgets/kit-grid-management/kit-grid-vi
|
|
|
177
177
|
export { KitGridView, KitGridViewColumn, KitGridViewType, } from './lib/widgets/kit-grid-management/kit-grid-views/store/kit-grid-views.model';
|
|
178
178
|
export { kitEncodeViewNameToUrl } from './lib/widgets/kit-grid-management/kit-grid-views/kit-grid-views.util';
|
|
179
179
|
export { KitGridFiltersComponent } from './lib/widgets/kit-grid-management/kit-grid-filters/kit-grid-filters.component';
|
|
180
|
-
export { KitFilterItem, KitFilterType, KitFilterValue,
|
|
181
|
-
export {
|
|
180
|
+
export { KitFilterItem, KitFilterType, KitFilterValue, KitFilterListConfig, KitFilterListOption, } from './lib/widgets/kit-grid-management/kit-grid-filters/kit-grid-filters.model';
|
|
181
|
+
export { kitBuildFilterListOptions, kitBuildFilterBooleanOptions, kitBuildOdataFilter, kitBuildFilters, } from './lib/widgets/kit-grid-management/kit-grid-filters/kit-grid-filters.util';
|
|
182
182
|
export { kitNoValueRequiredFilterOperators, } from './lib/widgets/kit-grid-management/kit-grid-filters/kit-filter-text/kit-filter-text.const';
|
|
183
|
-
export { KitFilterCheckboxItem } from './lib/widgets/kit-grid-management/kit-grid-filters/kit-filter-checkbox/kit-filter-checkbox.model';
|
|
184
183
|
export { KitGridExportComponent } from './lib/widgets/kit-grid-management/kit-grid-export/kit-grid-export.component';
|
|
185
184
|
export { KitKendoDrawPdf } from './lib/widgets/kit-grid-management/kit-grid-export/kit-grid-export.model';
|
|
186
185
|
export { KitGridCellComponent } from './lib/widgets/kit-grid-management/kit-grid-cell/kit-grid-cell.component';
|