@jsonforms/angular-material
Version:
Material Renderer Set for Angular module of JSON Forms
356 lines (331 loc) • 20.1 kB
TypeScript
import { RankedTester, StatePropsOfControl, JsonFormsState, Layout, OwnPropsOfRenderer, JsonSchema, VerticalLayout, HorizontalLayout, Categorization, Category, GroupLayout, LabelElement, ArrayTranslations, ArrayControlProps, StatePropsOfArrayControl, UISchemaElement, ControlWithDetailProps, EnumOption, OwnPropsOfEnum, OwnPropsOfControl, ControlElement, StatePropsOfArrayLayout, UISchemaTester, ArrayLayoutProps } from '@jsonforms/core';
import * as i0 from '@angular/core';
import { OnInit, ChangeDetectorRef, PipeTransform } from '@angular/core';
import * as i2 from '@jsonforms/angular';
import { JsonFormsControl, JsonFormsBaseRenderer, JsonFormsArrayControl, JsonFormsControlWithDetail, JsonFormsAbstractControl } from '@jsonforms/angular';
import * as i18 from '@angular/material/autocomplete';
import { MatAutocompleteSelectedEvent } from '@angular/material/autocomplete';
import { Observable } from 'rxjs';
import * as i8 from '@angular/material/core';
import { NativeDateAdapter } from '@angular/material/core';
import * as i9 from '@angular/material/datepicker';
import { MatDatepicker } from '@angular/material/datepicker';
import * as i1 from '@angular/common';
import * as i3 from '@angular/material/form-field';
import * as i4 from '@angular/material/checkbox';
import * as i5 from '@angular/material/input';
import * as i6 from '@angular/material/slider';
import * as i7 from '@angular/material/slide-toggle';
import * as i10 from '@angular/material/tabs';
import * as i11 from '@angular/material/sidenav';
import * as i12 from '@angular/material/list';
import * as i13 from '@angular/forms';
import * as i14 from '@angular/material/card';
import * as i15 from '@angular/material/select';
import * as i16 from '@angular/material/button';
import * as i17 from '@angular/material/icon';
import * as i19 from '@angular/material/table';
import * as i20 from '@angular/material/toolbar';
import * as i21 from '@angular/material/tooltip';
import * as i22 from '@angular/material/badge';
declare class BooleanControlRenderer extends JsonFormsControl {
private changeDetectionRef;
isChecked: () => any;
getEventValue: (event: any) => any;
mapAdditionalProps(): void;
static ɵfac: i0.ɵɵFactoryDeclaration<BooleanControlRenderer, never>;
static ɵcmp: i0.ɵɵComponentDeclaration<BooleanControlRenderer, "BooleanControlRenderer", never, {}, {}, never, never, true, never>;
}
declare const booleanControlTester: RankedTester;
declare class TextAreaRenderer extends JsonFormsControl {
focused: boolean;
getEventValue: (event: any) => any;
static ɵfac: i0.ɵɵFactoryDeclaration<TextAreaRenderer, never>;
static ɵcmp: i0.ɵɵComponentDeclaration<TextAreaRenderer, "TextAreaRenderer", never, {}, {}, never, never, true, never>;
}
declare const TextAreaRendererTester: RankedTester;
declare class TextControlRenderer extends JsonFormsControl {
focused: boolean;
getEventValue: (event: any) => any;
getType: () => string;
static ɵfac: i0.ɵɵFactoryDeclaration<TextControlRenderer, never>;
static ɵcmp: i0.ɵɵComponentDeclaration<TextControlRenderer, "TextControlRenderer", never, {}, {}, never, never, true, never>;
}
declare const TextControlRendererTester: RankedTester;
declare class NumberControlRenderer extends JsonFormsControl {
private readonly MAXIMUM_FRACTIONAL_DIGITS;
oldValue: string;
min: number;
max: number;
multipleOf: number;
locale: string;
numberFormat: Intl.NumberFormat;
decimalSeparator: string;
focused: boolean;
onChange(ev: any): void;
getEventValue: (event: any) => any;
getValue: () => any;
mapAdditionalProps(props: StatePropsOfControl): void;
private determineDecimalSeparator;
static ɵfac: i0.ɵɵFactoryDeclaration<NumberControlRenderer, never>;
static ɵcmp: i0.ɵɵComponentDeclaration<NumberControlRenderer, "NumberControlRenderer", never, {}, {}, never, never, true, never>;
}
declare const NumberControlRendererTester: RankedTester;
declare class RangeControlRenderer extends JsonFormsControl {
min: number;
max: number;
multipleOf: number;
focused: boolean;
private changeDetectorRef;
getEventValue: (event: number) => number;
mapAdditionalProps(): void;
static ɵfac: i0.ɵɵFactoryDeclaration<RangeControlRenderer, never>;
static ɵcmp: i0.ɵɵComponentDeclaration<RangeControlRenderer, "RangeControlRenderer", never, {}, {}, never, never, true, never>;
}
declare const RangeControlRendererTester: RankedTester;
/**
* date adapter for dayjs to parse and format dates
*/
declare class DayJsDateAdapter extends NativeDateAdapter {
saveFormat: string;
setSaveFormat(format: string): void;
/**
* parses a given data prop string in the save-format into a date object
* @param value date string to be parsed
* @returns date object or null if parsing failed
*/
parseSaveFormat(value: string): Date | null;
parse(value: string, format: string): Date | null;
toSaveFormat(value: Date): string;
/**
* transforms the date to a string representation for display
* @param date date to be formatted
* @param displayFormat format to be used for formatting the date e.g. YYYY-MM-DD
* @returns string representation of the date
*/
format(date: Date, displayFormat: string): string;
deserialize(value: any): Date | null;
static ɵfac: i0.ɵɵFactoryDeclaration<DayJsDateAdapter, never>;
static ɵprov: i0.ɵɵInjectableDeclaration<DayJsDateAdapter>;
}
declare class DateControlRenderer extends JsonFormsControl {
focused: boolean;
views: string[];
startView: string;
panelClass: string;
private dateFormat;
private dateAdapter;
getEventValue: (event: any) => string;
protected mapToProps(state: JsonFormsState): StatePropsOfControl;
yearSelected($event: any, datepicker: MatDatepicker<DayJsDateAdapter>): void;
monthSelected($event: any, datepicker: MatDatepicker<DayJsDateAdapter>): void;
setViewProperties(): void;
static ɵfac: i0.ɵɵFactoryDeclaration<DateControlRenderer, never>;
static ɵcmp: i0.ɵɵComponentDeclaration<DateControlRenderer, "DateControlRenderer", never, {}, {}, never, never, true, never>;
}
declare const DateControlRendererTester: RankedTester;
declare class ToggleControlRenderer extends JsonFormsControl {
private changeDetectorRef;
isChecked: () => any;
getEventValue: (event: any) => any;
mapAdditionalProps(): void;
static ɵfac: i0.ɵɵFactoryDeclaration<ToggleControlRenderer, never>;
static ɵcmp: i0.ɵɵComponentDeclaration<ToggleControlRenderer, "ToggleControlRenderer", never, {}, {}, never, never, true, never>;
}
declare const ToggleControlRendererTester: RankedTester;
declare class LayoutRenderer<T extends Layout> extends JsonFormsBaseRenderer<T> implements OnInit {
hidden: boolean;
label: string | undefined;
private jsonFormsService;
protected changeDetectionRef: ChangeDetectorRef;
ngOnInit(): void;
trackElement(_index: number, renderProp: OwnPropsOfRenderer): string;
static ɵfac: i0.ɵɵFactoryDeclaration<LayoutRenderer<any>, never>;
static ɵcmp: i0.ɵɵComponentDeclaration<LayoutRenderer<any>, "ng-component", never, {}, {}, never, never, true, never>;
}
declare class LayoutChildrenRenderPropsPipe implements PipeTransform {
transform(uischema: Layout, schema: JsonSchema, path: string): OwnPropsOfRenderer[];
static ɵfac: i0.ɵɵFactoryDeclaration<LayoutChildrenRenderPropsPipe, never>;
static ɵpipe: i0.ɵɵPipeDeclaration<LayoutChildrenRenderPropsPipe, "layoutChildrenRenderProps", true>;
}
declare class VerticalLayoutRenderer extends LayoutRenderer<VerticalLayout> {
static ɵfac: i0.ɵɵFactoryDeclaration<VerticalLayoutRenderer, never>;
static ɵcmp: i0.ɵɵComponentDeclaration<VerticalLayoutRenderer, "VerticalLayoutRenderer", never, {}, {}, never, never, true, never>;
}
declare const verticalLayoutTester: RankedTester;
declare class HorizontalLayoutRenderer extends LayoutRenderer<HorizontalLayout> {
static ɵfac: i0.ɵɵFactoryDeclaration<HorizontalLayoutRenderer, never>;
static ɵcmp: i0.ɵɵComponentDeclaration<HorizontalLayoutRenderer, "HorizontalLayoutRenderer", never, {}, {}, never, never, true, never>;
}
declare const horizontalLayoutTester: RankedTester;
declare class CategorizationTabLayoutRenderer extends JsonFormsBaseRenderer<Categorization> implements OnInit {
hidden: boolean;
visibleCategories: (Category | Categorization)[];
categoryLabels: string[];
private jsonFormsService;
ngOnInit(): void;
static ɵfac: i0.ɵɵFactoryDeclaration<CategorizationTabLayoutRenderer, never>;
static ɵcmp: i0.ɵɵComponentDeclaration<CategorizationTabLayoutRenderer, "jsonforms-categorization-layout", never, {}, {}, never, never, true, never>;
}
declare const categorizationTester: RankedTester;
declare class GroupLayoutRenderer extends LayoutRenderer<GroupLayout> {
static ɵfac: i0.ɵɵFactoryDeclaration<GroupLayoutRenderer, never>;
static ɵcmp: i0.ɵɵComponentDeclaration<GroupLayoutRenderer, "GroupLayoutRenderer", never, {}, {}, never, never, true, never>;
}
declare const groupLayoutTester: RankedTester;
declare class LabelRenderer extends JsonFormsBaseRenderer<LabelElement> implements OnInit {
label: string;
visible: boolean;
private jsonFormsService;
ngOnInit(): void;
static ɵfac: i0.ɵɵFactoryDeclaration<LabelRenderer, never>;
static ɵcmp: i0.ɵɵComponentDeclaration<LabelRenderer, "LabelRenderer", never, {}, {}, never, never, true, never>;
}
declare const LabelRendererTester: RankedTester;
declare const removeSchemaKeywords: (path: string) => string;
declare class MasterListComponent extends JsonFormsArrayControl implements OnInit {
masterItems: any[];
selectedItem: any;
selectedItemIdx: number;
addItem: (path: string, value: any) => () => void;
removeItems: (path: string, toDelete: number[]) => () => void;
highlightedIdx: number;
translations: ArrayTranslations;
private changeDetectorRef;
onListItemHover(idx: number): void;
trackElement(_index: number, element: any): any;
ngOnInit(): void;
mapAdditionalProps(props: ArrayControlProps & {
translations: ArrayTranslations;
}): void;
onSelect(item: any, idx: number): void;
onAddClick(): void;
onDeleteClick(item: number): void;
protected mapToProps(state: JsonFormsState): StatePropsOfArrayControl & {
translations: ArrayTranslations;
};
static ɵfac: i0.ɵɵFactoryDeclaration<MasterListComponent, never>;
static ɵcmp: i0.ɵɵComponentDeclaration<MasterListComponent, "jsonforms-list-with-detail-master", never, {}, {}, never, never, true, never>;
}
declare const masterDetailTester: RankedTester;
declare class JsonFormsDetailComponent {
_item: any;
_schema: any;
initialized: boolean;
set item(item: any);
static ɵfac: i0.ɵɵFactoryDeclaration<JsonFormsDetailComponent, never>;
static ɵcmp: i0.ɵɵComponentDeclaration<JsonFormsDetailComponent, "jsonforms-detail", never, { "item": { "alias": "item"; "required": false; }; }, {}, never, never, true, never>;
}
declare class ObjectControlRenderer extends JsonFormsControlWithDetail {
detailUiSchema: UISchemaElement;
mapAdditionalProps(props: ControlWithDetailProps): void;
static ɵfac: i0.ɵɵFactoryDeclaration<ObjectControlRenderer, never>;
static ɵcmp: i0.ɵɵComponentDeclaration<ObjectControlRenderer, "ObjectRenderer", never, {}, {}, never, never, true, never>;
}
declare const ObjectControlRendererTester: RankedTester;
declare class OneOfEnumControlRenderer extends JsonFormsControl implements OnInit {
options?: EnumOption[];
valuesToTranslatedOptions?: Map<string, EnumOption>;
filteredOptions: Observable<EnumOption[]>;
shouldFilter: boolean;
focused: boolean;
protected mapToProps(state: JsonFormsState): StatePropsOfControl & OwnPropsOfEnum;
getEventValue: (event: any) => any;
onChange(ev: any): void;
ngOnInit(): void;
mapAdditionalProps(_props: StatePropsOfControl & OwnPropsOfEnum): void;
updateFilter(event: any): void;
onSelect(ev: MatAutocompleteSelectedEvent): void;
displayFn: (option?: string | EnumOption) => string;
filter(val: string | EnumOption | undefined): EnumOption[];
protected getOwnProps(): OwnPropsOfControl & OwnPropsOfEnum;
static ɵfac: i0.ɵɵFactoryDeclaration<OneOfEnumControlRenderer, never>;
static ɵcmp: i0.ɵɵComponentDeclaration<OneOfEnumControlRenderer, "OneOfEnumControlRenderer", never, { "options": { "alias": "options"; "required": false; }; }, {}, never, never, true, never>;
}
declare const oneOfEnumControlTester: RankedTester;
declare class EnumControlRenderer extends OneOfEnumControlRenderer {
set stringOptions(strOptions: string[]);
protected mapToProps(state: JsonFormsState): StatePropsOfControl & OwnPropsOfEnum;
static ɵfac: i0.ɵɵFactoryDeclaration<EnumControlRenderer, never>;
static ɵcmp: i0.ɵɵComponentDeclaration<EnumControlRenderer, "EnumControlRenderer, AutocompleteControlRenderer", never, { "stringOptions": { "alias": "options"; "required": false; }; }, {}, never, never, true, never>;
}
declare const enumControlTester: RankedTester;
interface ColumnDescription {
property: string;
header: string;
props: OwnPropsOfRenderer;
}
declare const controlWithoutLabel: (scope: string) => ControlElement;
declare class GetProps implements PipeTransform {
transform(index: number, props: OwnPropsOfRenderer): {
schema: JsonSchema;
uischema: UISchemaElement;
path: string;
};
static ɵfac: i0.ɵɵFactoryDeclaration<GetProps, never>;
static ɵpipe: i0.ɵɵPipeDeclaration<GetProps, "getProps", true>;
}
declare class TableRenderer extends JsonFormsArrayControl implements OnInit {
detailUiSchema: UISchemaElement;
displayedColumns: string[];
items: ColumnDescription[];
readonly columnsToIgnore: string[];
addItem: (path: string, value: any) => () => void;
moveItemUp: (path: string, index: number) => () => void;
moveItemDown: (path: string, index: number) => () => void;
removeItems: (path: string, toDelete: number[]) => () => void;
translations: ArrayTranslations;
trackElement(index: number, _element: any): number;
mapAdditionalProps(props: ArrayControlProps & {
translations: ArrayTranslations;
}): void;
remove(index: number): void;
add(): void;
up(index: number): void;
down(index: number): void;
ngOnInit(): void;
generateCells: (schema: JsonSchema, rowPath: string) => ColumnDescription[];
getValidColumnProps: (scopedSchema: JsonSchema) => string[];
static ɵfac: i0.ɵɵFactoryDeclaration<TableRenderer, never>;
static ɵcmp: i0.ɵɵComponentDeclaration<TableRenderer, "TableRenderer", never, {}, {}, never, never, true, never>;
}
declare const TableRendererTester: RankedTester;
declare class ArrayLayoutRenderer extends JsonFormsAbstractControl<StatePropsOfArrayLayout> implements OnInit {
noData: boolean;
translations: ArrayTranslations;
addItem: (path: string, value: any) => () => void;
moveItemUp: (path: string, index: number) => () => void;
moveItemDown: (path: string, index: number) => () => void;
removeItems: (path: string, toDelete: number[]) => () => void;
uischemas: {
tester: UISchemaTester;
uischema: UISchemaElement;
}[];
mapToProps(state: JsonFormsState): StatePropsOfArrayLayout & {
translations: ArrayTranslations;
};
remove(index: number): void;
add(): void;
up(index: number): void;
down(index: number): void;
ngOnInit(): void;
mapAdditionalProps(props: ArrayLayoutProps & {
translations: ArrayTranslations;
}): void;
getProps(index: number): OwnPropsOfRenderer;
trackByFn(index: number): number;
static ɵfac: i0.ɵɵFactoryDeclaration<ArrayLayoutRenderer, never>;
static ɵcmp: i0.ɵɵComponentDeclaration<ArrayLayoutRenderer, "app-array-layout-renderer", never, {}, {}, never, never, true, never>;
}
declare const ArrayLayoutRendererTester: RankedTester;
declare class JsonFormsAngularMaterialModule {
static ɵfac: i0.ɵɵFactoryDeclaration<JsonFormsAngularMaterialModule, never>;
static ɵmod: i0.ɵɵNgModuleDeclaration<JsonFormsAngularMaterialModule, never, [typeof i1.CommonModule, typeof i2.JsonFormsModule, typeof i3.MatFormFieldModule, typeof i4.MatCheckboxModule, typeof i5.MatInputModule, typeof i6.MatSliderModule, typeof i7.MatSlideToggleModule, typeof i8.MatNativeDateModule, typeof i9.MatDatepickerModule, typeof i10.MatTabsModule, typeof i11.MatSidenavModule, typeof i12.MatListModule, typeof i13.ReactiveFormsModule, typeof i14.MatCardModule, typeof i15.MatSelectModule, typeof i16.MatButtonModule, typeof i17.MatIconModule, typeof i18.MatAutocompleteModule, typeof i19.MatTableModule, typeof i20.MatToolbarModule, typeof i21.MatTooltipModule, typeof i22.MatBadgeModule, typeof BooleanControlRenderer, typeof TextAreaRenderer, typeof TextControlRenderer, typeof NumberControlRenderer, typeof RangeControlRenderer, typeof DateControlRenderer, typeof ToggleControlRenderer, typeof VerticalLayoutRenderer, typeof HorizontalLayoutRenderer, typeof CategorizationTabLayoutRenderer, typeof GroupLayoutRenderer, typeof LabelRenderer, typeof MasterListComponent, typeof JsonFormsDetailComponent, typeof ObjectControlRenderer, typeof EnumControlRenderer, typeof OneOfEnumControlRenderer, typeof TableRenderer, typeof ArrayLayoutRenderer, typeof LayoutChildrenRenderPropsPipe, typeof GetProps], [typeof i1.CommonModule, typeof i2.JsonFormsModule, typeof i3.MatFormFieldModule, typeof i4.MatCheckboxModule, typeof i5.MatInputModule, typeof i6.MatSliderModule, typeof i7.MatSlideToggleModule, typeof i8.MatNativeDateModule, typeof i9.MatDatepickerModule, typeof i10.MatTabsModule, typeof i11.MatSidenavModule, typeof i12.MatListModule, typeof i13.ReactiveFormsModule, typeof i14.MatCardModule, typeof i15.MatSelectModule, typeof i16.MatButtonModule, typeof i17.MatIconModule, typeof i18.MatAutocompleteModule, typeof BooleanControlRenderer, typeof TextAreaRenderer, typeof TextControlRenderer, typeof NumberControlRenderer, typeof RangeControlRenderer, typeof DateControlRenderer, typeof ToggleControlRenderer, typeof VerticalLayoutRenderer, typeof HorizontalLayoutRenderer, typeof CategorizationTabLayoutRenderer, typeof GroupLayoutRenderer, typeof LabelRenderer, typeof MasterListComponent, typeof JsonFormsDetailComponent, typeof ObjectControlRenderer, typeof EnumControlRenderer, typeof OneOfEnumControlRenderer, typeof TableRenderer, typeof ArrayLayoutRenderer, typeof LayoutChildrenRenderPropsPipe, typeof GetProps]>;
static ɵinj: i0.ɵɵInjectorDeclaration<JsonFormsAngularMaterialModule>;
}
declare const angularMaterialRenderers: {
tester: RankedTester;
renderer: any;
}[];
export { ArrayLayoutRenderer, ArrayLayoutRendererTester, EnumControlRenderer as AutocompleteControlRenderer, BooleanControlRenderer, CategorizationTabLayoutRenderer, DateControlRenderer, DateControlRendererTester, EnumControlRenderer, GetProps, GroupLayoutRenderer, HorizontalLayoutRenderer, JsonFormsAngularMaterialModule, JsonFormsDetailComponent, LabelRenderer, LabelRendererTester, LayoutChildrenRenderPropsPipe, LayoutRenderer, MasterListComponent, NumberControlRenderer, NumberControlRendererTester, ObjectControlRenderer, ObjectControlRendererTester, OneOfEnumControlRenderer, RangeControlRenderer, RangeControlRendererTester, TableRenderer, TableRendererTester, TextAreaRenderer, TextAreaRendererTester, TextControlRenderer, TextControlRendererTester, ToggleControlRenderer, ToggleControlRendererTester, VerticalLayoutRenderer, angularMaterialRenderers, booleanControlTester, categorizationTester, controlWithoutLabel, enumControlTester, groupLayoutTester, horizontalLayoutTester, masterDetailTester, oneOfEnumControlTester, removeSchemaKeywords, verticalLayoutTester };
//# sourceMappingURL=index.d.ts.map