@indigina/ui-kit 1.1.131 → 1.1.132
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 +523 -21
- package/fesm2022/indigina-ui-kit.mjs.map +1 -1
- package/lib/widgets/kit-grid-management/kit-grid-filters/kit-filter-checkbox/kit-filter-checkbox.component.d.ts +33 -0
- package/lib/widgets/kit-grid-management/kit-grid-filters/kit-filter-checkbox/kit-filter-checkbox.model.d.ts +5 -0
- package/lib/widgets/kit-grid-management/kit-grid-filters/kit-filter-date/kit-filter-date.component.d.ts +32 -0
- package/lib/widgets/kit-grid-management/kit-grid-filters/kit-filter-date/kit-filter-date.model.d.ts +4 -0
- package/lib/widgets/kit-grid-management/kit-grid-filters/kit-filter-selector/kit-filter-selector.component.d.ts +26 -0
- package/lib/widgets/kit-grid-management/kit-grid-filters/kit-filter-selector/kit-filter-selector.model.d.ts +7 -0
- package/lib/widgets/kit-grid-management/kit-grid-filters/kit-filter-text/kit-filter-text.component.d.ts +50 -0
- package/lib/widgets/kit-grid-management/kit-grid-filters/kit-filter-text/kit-filter-text.const.d.ts +2 -0
- package/lib/widgets/kit-grid-management/kit-grid-filters/kit-grid-filters.component.d.ts +24 -0
- package/lib/widgets/kit-grid-management/kit-grid-filters/kit-grid-filters.model.d.ts +5 -0
- package/lib/widgets/kit-grid-management/kit-grid-filters/kit-grid-filters.util.d.ts +5 -0
- package/package.json +1 -1
- package/public-api.d.ts +5 -1
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
import { ElementRef, InputSignal, ModelSignal, OnInit, OutputEmitterRef, Signal, WritableSignal } from '@angular/core';
|
|
2
|
+
import { KitPopupComponent } from '../../../../components/kit-popup/kit-popup.component';
|
|
3
|
+
import { KitFilterItem, KitFilterValue } from '../kit-grid-filters.model';
|
|
4
|
+
import { KitTooltipPosition } from '../../../../directives/kit-tooltip/kit-tooltip.const';
|
|
5
|
+
import { KitPillTheme } from '../../../../components/kit-pill/kit-pill.const';
|
|
6
|
+
import { KitFilterCheckboxItem } from './kit-filter-checkbox.model';
|
|
7
|
+
import * as i0 from "@angular/core";
|
|
8
|
+
export declare class KitFilterCheckboxComponent implements OnInit {
|
|
9
|
+
readonly filter: InputSignal<KitFilterItem>;
|
|
10
|
+
readonly translateKeyPrefix: InputSignal<string>;
|
|
11
|
+
readonly items: ModelSignal<KitFilterCheckboxItem[]>;
|
|
12
|
+
readonly filterRemoved: OutputEmitterRef<void>;
|
|
13
|
+
readonly filterChanged: OutputEmitterRef<KitFilterValue>;
|
|
14
|
+
readonly anchor: Signal<ElementRef>;
|
|
15
|
+
readonly popup: Signal<KitPopupComponent | undefined>;
|
|
16
|
+
readonly kitTooltipPosition: typeof KitTooltipPosition;
|
|
17
|
+
readonly selectedValues: WritableSignal<string[]>;
|
|
18
|
+
readonly kitPillTheme: typeof KitPillTheme;
|
|
19
|
+
ngOnInit(): void;
|
|
20
|
+
removeFilter(): void;
|
|
21
|
+
applyButtonDisabled(): boolean;
|
|
22
|
+
clearAllFilters(): void;
|
|
23
|
+
applyFilter(): void;
|
|
24
|
+
onPopupToggle(): void;
|
|
25
|
+
close(): void;
|
|
26
|
+
buildTranslateKey(value: string): string;
|
|
27
|
+
onChange(): void;
|
|
28
|
+
private initializeSelectedValues;
|
|
29
|
+
private updateItemsState;
|
|
30
|
+
private showPopupOnInit;
|
|
31
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<KitFilterCheckboxComponent, never>;
|
|
32
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<KitFilterCheckboxComponent, "kit-filter-checkbox", 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>;
|
|
33
|
+
}
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
import { ElementRef, InputSignal, OnInit, OutputEmitterRef, Signal, WritableSignal } from '@angular/core';
|
|
2
|
+
import { KitPopupComponent } from '../../../../components/kit-popup/kit-popup.component';
|
|
3
|
+
import { KitFilterItem, KitFilterValue } from '../kit-grid-filters.model';
|
|
4
|
+
import { KitFilterDateValue } from './kit-filter-date.model';
|
|
5
|
+
import { KitPillTheme } from '../../../../components/kit-pill/kit-pill.const';
|
|
6
|
+
import * as i0 from "@angular/core";
|
|
7
|
+
export declare class KitFilterDateComponent implements OnInit {
|
|
8
|
+
readonly filter: InputSignal<KitFilterItem>;
|
|
9
|
+
readonly filterRemoved: OutputEmitterRef<void>;
|
|
10
|
+
readonly filterChanged: OutputEmitterRef<KitFilterValue>;
|
|
11
|
+
readonly anchor: Signal<ElementRef>;
|
|
12
|
+
readonly popup: Signal<KitPopupComponent | undefined>;
|
|
13
|
+
readonly startDate: WritableSignal<Date | undefined>;
|
|
14
|
+
readonly endDate: WritableSignal<Date | undefined>;
|
|
15
|
+
readonly selectedValues: WritableSignal<KitFilterDateValue>;
|
|
16
|
+
readonly pillDateFormat: string;
|
|
17
|
+
readonly kitPillTheme: typeof KitPillTheme;
|
|
18
|
+
documentClick(event: Event): void;
|
|
19
|
+
ngOnInit(): void;
|
|
20
|
+
removeFilter(): void;
|
|
21
|
+
onPopupToggle(): void;
|
|
22
|
+
close(): void;
|
|
23
|
+
onFromDateChange(date: Date): void;
|
|
24
|
+
onToDateChange(date: Date): void;
|
|
25
|
+
applyButtonDisabled(): boolean;
|
|
26
|
+
clearAllFilters(): void;
|
|
27
|
+
applyFilter(): void;
|
|
28
|
+
private initializeSelectedValues;
|
|
29
|
+
private showPopupOnInit;
|
|
30
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<KitFilterDateComponent, never>;
|
|
31
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<KitFilterDateComponent, "kit-filter-date", never, { "filter": { "alias": "filter"; "required": true; "isSignal": true; }; }, { "filterRemoved": "filterRemoved"; "filterChanged": "filterChanged"; }, never, never, true, never>;
|
|
32
|
+
}
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import { ElementRef, InputSignal, OutputEmitterRef, Signal, WritableSignal } from '@angular/core';
|
|
2
|
+
import { KitFilterSelectorItem } from './kit-filter-selector.model';
|
|
3
|
+
import { TranslateService } from '@ngx-translate/core';
|
|
4
|
+
import { KitPopupComponent } from '../../../../components/kit-popup/kit-popup.component';
|
|
5
|
+
import { KitSvgIcon, KitSvgIconType } from '../../../../components/kit-svg-icon/kit-svg-icon.const';
|
|
6
|
+
import { KitTextboxSize } from '../../../../components/kit-textbox/kit-textbox.const';
|
|
7
|
+
import { KitPillType } from '../../../../components/kit-pill/kit-pill.const';
|
|
8
|
+
import * as i0 from "@angular/core";
|
|
9
|
+
export declare class KitFilterSelectorComponent {
|
|
10
|
+
private readonly translateService;
|
|
11
|
+
readonly items: InputSignal<KitFilterSelectorItem[]>;
|
|
12
|
+
readonly itemSelected: OutputEmitterRef<KitFilterSelectorItem>;
|
|
13
|
+
readonly anchor: Signal<ElementRef>;
|
|
14
|
+
readonly popup: Signal<KitPopupComponent | undefined>;
|
|
15
|
+
readonly kitSvgIcon: typeof KitSvgIcon;
|
|
16
|
+
readonly kitSvgIconType: typeof KitSvgIconType;
|
|
17
|
+
readonly kitTextboxSize: typeof KitTextboxSize;
|
|
18
|
+
readonly kitPillType: typeof KitPillType;
|
|
19
|
+
readonly searchTerm: WritableSignal<string>;
|
|
20
|
+
readonly filterItems: Signal<KitFilterSelectorItem[]>;
|
|
21
|
+
constructor(translateService: TranslateService);
|
|
22
|
+
onSearchChange(value: string): void;
|
|
23
|
+
onItemClick(item: KitFilterSelectorItem): void;
|
|
24
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<KitFilterSelectorComponent, never>;
|
|
25
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<KitFilterSelectorComponent, "kit-filter-selector", never, { "items": { "alias": "items"; "required": false; "isSignal": true; }; }, { "itemSelected": "itemSelected"; }, never, never, true, never>;
|
|
26
|
+
}
|
|
@@ -0,0 +1,50 @@
|
|
|
1
|
+
import { ElementRef, InputSignal, OnInit, OutputEmitterRef, Signal, WritableSignal } from '@angular/core';
|
|
2
|
+
import { TranslateService } from '@ngx-translate/core';
|
|
3
|
+
import { KitPopupComponent } from '../../../../components/kit-popup/kit-popup.component';
|
|
4
|
+
import { KitFilterItem, KitFilterValue } from '../kit-grid-filters.model';
|
|
5
|
+
import { KitDropdownSize } from '../../../../components/kit-dropdown/kit-dropdown.const';
|
|
6
|
+
import { KitTextboxSize } from '../../../../components/kit-textbox/kit-textbox.const';
|
|
7
|
+
import { KitFilterLogic } from '../../../../utils/kit-data-query/kit-data-query.const';
|
|
8
|
+
import { KitPillTheme } from '../../../../components/kit-pill/kit-pill.const';
|
|
9
|
+
import { KitDropdownItem } from '../../../../components/kit-dropdown/kit-dropdown.component';
|
|
10
|
+
import { KitFilterDescriptor } from '../../../../utils/kit-data-query/kit-data-query.model';
|
|
11
|
+
import * as i0 from "@angular/core";
|
|
12
|
+
export declare class KitFilterTextComponent implements OnInit {
|
|
13
|
+
private readonly translateService;
|
|
14
|
+
readonly filter: InputSignal<KitFilterItem>;
|
|
15
|
+
readonly filterRemoved: OutputEmitterRef<void>;
|
|
16
|
+
readonly filterChanged: OutputEmitterRef<KitFilterValue>;
|
|
17
|
+
readonly anchor: Signal<ElementRef>;
|
|
18
|
+
readonly popup: Signal<KitPopupComponent | undefined>;
|
|
19
|
+
readonly kitDropdownSize: typeof KitDropdownSize;
|
|
20
|
+
readonly kitTextboxSize: typeof KitTextboxSize;
|
|
21
|
+
readonly filterLogicDropdownItems: KitDropdownItem<KitFilterLogic>[];
|
|
22
|
+
readonly filterOperatorDropdownItems: KitDropdownItem<string>[];
|
|
23
|
+
readonly filterItems: WritableSignal<KitFilterValue>;
|
|
24
|
+
readonly selectedValues: WritableSignal<KitFilterValue | null>;
|
|
25
|
+
readonly kitPillTheme: typeof KitPillTheme;
|
|
26
|
+
constructor(translateService: TranslateService);
|
|
27
|
+
ngOnInit(): void;
|
|
28
|
+
get applyButtonDisabled(): boolean;
|
|
29
|
+
onLogicChange(event: KitFilterLogic): void;
|
|
30
|
+
onOperatorSelect(event: string, index: number): void;
|
|
31
|
+
onValueChange(event: string, index: number): void;
|
|
32
|
+
removeFilter(): void;
|
|
33
|
+
onPopupToggle(): void;
|
|
34
|
+
close(): void;
|
|
35
|
+
clearAllFilters(): void;
|
|
36
|
+
applyFilter(): void;
|
|
37
|
+
isFilterValueTextboxDisabled(index: number): boolean;
|
|
38
|
+
getSelectedFilterText(filter: KitFilterDescriptor): string;
|
|
39
|
+
getSelectedLogicText(selectedValues: KitFilterValue | null): string | null;
|
|
40
|
+
private hasNoValueRequiredOperator;
|
|
41
|
+
private initializeSelectedValues;
|
|
42
|
+
private resetFiltersItems;
|
|
43
|
+
private showPopupOnInit;
|
|
44
|
+
private createFilterItem;
|
|
45
|
+
private updateFilterItem;
|
|
46
|
+
private hasActiveFilters;
|
|
47
|
+
private hasSelectedFilter;
|
|
48
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<KitFilterTextComponent, never>;
|
|
49
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<KitFilterTextComponent, "kit-filter-text", never, { "filter": { "alias": "filter"; "required": true; "isSignal": true; }; }, { "filterRemoved": "filterRemoved"; "filterChanged": "filterChanged"; }, never, never, true, never>;
|
|
50
|
+
}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import { InputSignal, OutputEmitterRef, Signal } from '@angular/core';
|
|
2
|
+
import { Store } from '@ngxs/store';
|
|
3
|
+
import { KitGridColumnConfig } from '../store/kit-grid.model';
|
|
4
|
+
import { KitFilterCheckboxConfig, KitFilterItem, KitFilterType, KitFilterValue } from './kit-grid-filters.model';
|
|
5
|
+
import { KitFilterSelectorItem } from './kit-filter-selector/kit-filter-selector.model';
|
|
6
|
+
import * as i0 from "@angular/core";
|
|
7
|
+
export declare class KitGridFiltersComponent {
|
|
8
|
+
private readonly store;
|
|
9
|
+
readonly excludedColumns: InputSignal<string[]>;
|
|
10
|
+
readonly columns: InputSignal<KitGridColumnConfig[]>;
|
|
11
|
+
readonly checkboxConfig: InputSignal<KitFilterCheckboxConfig>;
|
|
12
|
+
readonly filterChanged: OutputEmitterRef<void>;
|
|
13
|
+
readonly kitFilterType: typeof KitFilterType;
|
|
14
|
+
readonly filters: Signal<KitFilterItem[]>;
|
|
15
|
+
readonly filterSelectorItems: Signal<KitFilterSelectorItem[]>;
|
|
16
|
+
constructor(store: Store);
|
|
17
|
+
addFilter(item: KitFilterSelectorItem): void;
|
|
18
|
+
removeFilter(field: string): void;
|
|
19
|
+
applyFilter(filter: KitFilterItem, values: KitFilterValue): void;
|
|
20
|
+
buildFilterSelectorItem(item: KitGridColumnConfig, filters: KitFilterItem[]): KitFilterSelectorItem;
|
|
21
|
+
private isFilterSelectorItemDisabled;
|
|
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; }; "checkboxConfig": { "alias": "checkboxConfig"; "required": true; "isSignal": true; }; }, { "filterChanged": "filterChanged"; }, never, never, true, never>;
|
|
24
|
+
}
|
|
@@ -1,5 +1,6 @@
|
|
|
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';
|
|
3
4
|
export interface KitFilterValue {
|
|
4
5
|
logic: KitFilterLogic;
|
|
5
6
|
filters: KitFilterDescriptor[];
|
|
@@ -16,3 +17,7 @@ export declare enum KitFilterType {
|
|
|
16
17
|
DATE = "date",
|
|
17
18
|
TEXT = "text"
|
|
18
19
|
}
|
|
20
|
+
export type KitFilterCheckboxConfig = Record<string, {
|
|
21
|
+
items: KitFilterCheckboxItem[];
|
|
22
|
+
translateKeyPrefix: string;
|
|
23
|
+
}>;
|
|
@@ -1,3 +1,8 @@
|
|
|
1
1
|
import { KitFilterItem } from './kit-grid-filters.model';
|
|
2
|
+
import { KitFilterCheckboxItem } from './kit-filter-checkbox/kit-filter-checkbox.model';
|
|
3
|
+
import { KitCompositeFilterDescriptor } from '../../../utils/kit-data-query/kit-data-query.model';
|
|
2
4
|
export declare const convertFilterStringDate: (filters: KitFilterItem[]) => KitFilterItem[];
|
|
3
5
|
export declare const removeReadonlyPropertyFromFilters: (filters: KitFilterItem[]) => KitFilterItem[];
|
|
6
|
+
export declare const kitBuildCheckboxFilterItems: <T extends object>(enumObject: T) => KitFilterCheckboxItem[];
|
|
7
|
+
export declare const kitBuildOdataFilter: (filter?: KitCompositeFilterDescriptor) => string;
|
|
8
|
+
export declare const kitBuildFilters: (filters: KitFilterItem[]) => KitCompositeFilterDescriptor;
|
package/package.json
CHANGED
package/public-api.d.ts
CHANGED
|
@@ -178,4 +178,8 @@ export { KitGridViewsComponent } from './lib/widgets/kit-grid-management/kit-gri
|
|
|
178
178
|
export { KitGridViewsState } from './lib/widgets/kit-grid-management/kit-grid-views/store/kit-grid-views.state';
|
|
179
179
|
export { KitGridView, KitGridViewColumn, KitGridViewType, } from './lib/widgets/kit-grid-management/kit-grid-views/store/kit-grid-views.model';
|
|
180
180
|
export { kitEncodeViewNameToUrl } from './lib/widgets/kit-grid-management/kit-grid-views/kit-grid-views.util';
|
|
181
|
-
export {
|
|
181
|
+
export { KitGridFiltersComponent } from './lib/widgets/kit-grid-management/kit-grid-filters/kit-grid-filters.component';
|
|
182
|
+
export { KitFilterItem, KitFilterType, KitFilterValue, KitFilterCheckboxConfig, } from './lib/widgets/kit-grid-management/kit-grid-filters/kit-grid-filters.model';
|
|
183
|
+
export { kitBuildCheckboxFilterItems, kitBuildOdataFilter, kitBuildFilters, } from './lib/widgets/kit-grid-management/kit-grid-filters/kit-grid-filters.util';
|
|
184
|
+
export { kitNoValueRequiredFilterOperators, } from './lib/widgets/kit-grid-management/kit-grid-filters/kit-filter-text/kit-filter-text.const';
|
|
185
|
+
export { KitFilterCheckboxItem } from './lib/widgets/kit-grid-management/kit-grid-filters/kit-filter-checkbox/kit-filter-checkbox.model';
|