@messaia/cdk 0.0.0-CDK

package/lib/table/components/filter-date.component.d.ts

@@ -0,0 +1,70 @@
+import { CdkColumnDef } from '@angular/cdk/table';
+import { ControlValueAccessor } from '@angular/forms';
+import { MatTable } from '@angular/material/table';
+import * as i0 from "@angular/core";
+export declare class FilterDateComponent implements ControlValueAccessor {
+    private table;
+    private column;
+    /**
+     * Field name
+     */
+    field: string;
+    /**
+     * debounce?: number
+     * Debounce timeout between keypresses. Defaults to 400.
+     */
+    debounce: number;
+    /**
+     * placeholder?: string
+     * Placeholder for the underlying input component.
+     */
+    placeholder: string;
+    /**
+     * Setters and getters for the input value
+     */
+    get value(): any;
+    set value(v: any);
+    /**
+     * Constructor
+     * @param table
+     */
+    constructor(table: MatTable<any>, column: CdkColumnDef);
+    /**
+     * Call serch event
+     */
+    handleSearch(date: any): void;
+    /**
+     * Clears input box
+     */
+    clearSearch(): void;
+    /**
+     * Write a new value to the element.
+     */
+    writeValue(value: any): void;
+    /**
+     * Set the function to be called when the control receives a change event.
+     */
+    registerOnChange(fn: (_: any) => void): void;
+    /**
+     * Set the function to be called when the control receives a touch event.
+     */
+    registerOnTouched(fn: () => void): void;
+    /**
+     * Called when the control receives a change event.
+     */
+    onChange: (_: any) => void;
+    /**
+     * Called when the control receives a touch event.
+     */
+    onTouched: () => void;
+    /**
+     * Reload data
+     */
+    private reload;
+    /**
+     * Adds leading zeros to a digit
+     */
+    private pad;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FilterDateComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FilterDateComponent, "mat-header-cell[filter-date],[mat-header-cell][filter-date]", never, { "field": "field"; "debounce": "debounce"; "placeholder": "placeholder"; }, {}, never, never>;
+}

package/lib/table/components/filter-input.component.d.ts

@@ -0,0 +1,94 @@
+import { CdkColumnDef } from '@angular/cdk/table';
+import { OnInit } from '@angular/core';
+import { ControlValueAccessor } from '@angular/forms';
+import { MatTable } from '@angular/material/table';
+import * as i0 from "@angular/core";
+export declare class FilterInputComponent implements OnInit, ControlValueAccessor {
+    private table;
+    private column;
+    /**
+     * A refernce to the input element
+     */
+    private _filter;
+    /**
+     * Field name
+     */
+    field: string;
+    /**
+     * Query operator
+     */
+    operator: string;
+    /**
+     * Only number
+     */
+    onlyNumber: boolean;
+    /**
+     * debounce?: number
+     * Debounce timeout between keypresses. Defaults to 400.
+     */
+    debounce: number;
+    /**
+     * placeholder?: string
+     * Placeholder for the underlying input component.
+     */
+    placeholder: string;
+    /**
+     * Setters and getters for the input value
+     */
+    get value(): any;
+    set value(v: any);
+    /**
+     * Constructor
+     * @param table
+     * @param column
+     */
+    constructor(table: MatTable<any>, column: CdkColumnDef);
+    /**
+     * Lifecycle hook that is called after data-bound properties of a directive are initialized.
+     */
+    ngOnInit(): void;
+    /**
+     * Prevents the event from bubbling up the DOM tree, preventing any parent
+     * handlers from being notified of the event.
+     */
+    stopPropagation(event: Event): void;
+    /**
+     * Call serch event
+     */
+    handleSearch(event: Event): void;
+    /**
+     * Clears input box
+     */
+    clearSearch(): void;
+    /**
+     * Write a new value to the element.
+     */
+    writeValue(value: any): void;
+    /**
+     * Set the function to be called when the control receives a change event.
+     */
+    registerOnChange(fn: (_: any) => void): void;
+    /**
+     * Set the function to be called when the control receives a touch event.
+     */
+    registerOnTouched(fn: () => void): void;
+    /**
+     * Called when the control receives a change event.
+     */
+    onChange: (_: any) => void;
+    /**
+     * Called when the control receives a touch event.
+     */
+    onTouched: () => void;
+    /**
+     * Handles keydown events
+     * @param event
+     */
+    onKeyDown(event: any): void;
+    /**
+     * Reload data
+     */
+    private reload;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FilterInputComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FilterInputComponent, "mat-header-cell[filter-input],[mat-header-cell][filter-input]", never, { "field": "field"; "operator": "operator"; "onlyNumber": "onlyNumber"; "debounce": "debounce"; "placeholder": "placeholder"; }, {}, never, never>;
+}

package/lib/table/components/filter-select.component.d.ts

@@ -0,0 +1,178 @@
+import { TemplatePortalDirective } from '@angular/cdk/portal';
+import { CdkColumnDef } from '@angular/cdk/table';
+import { HttpClient } from '@angular/common/http';
+import { ElementRef, Injector, OnInit, TemplateRef, ViewContainerRef } from '@angular/core';
+import { ControlValueAccessor } from '@angular/forms';
+import { MatSelect } from '@angular/material/select';
+import { MatTable } from '@angular/material/table';
+import * as i0 from "@angular/core";
+export declare class VdFilterOptionDirective extends TemplatePortalDirective {
+    constructor(templateRef: TemplateRef<any>, viewContainerRef: ViewContainerRef);
+    static ɵfac: i0.ɵɵFactoryDeclaration<VdFilterOptionDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<VdFilterOptionDirective, "[vd-filter-option]ng-template", never, {}, {}, never>;
+}
+export declare class FilterSelectComponent implements OnInit, ControlValueAccessor {
+    private injector;
+    private table;
+    private column;
+    /**
+     * VdChip template
+     */
+    optionTemplate: VdFilterOptionDirective;
+    /**
+     * The select element.
+     */
+    selectEl: MatSelect;
+    /**
+     * The select element.
+     */
+    filterInput: ElementRef;
+    /**
+     * Represents a value that changes over time.
+     * Observers can subscribe to the subject to receive pdf file changes
+     */
+    private _endpointChange;
+    /**
+     * Gets pdf endpoint
+     */
+    get endpoint(): any;
+    /**
+     * Sets pdf endpoint
+     */
+    set endpoint(endpoint: any);
+    /**
+     * _params: any
+     */
+    _params: any;
+    /**
+     * params: any
+     */
+    get params(): any;
+    set params(query: any);
+    /**
+     * _projection: any
+     */
+    _projection: string;
+    /**
+     * projection: any
+     */
+    get projection(): string;
+    set projection(projection: string);
+    /**
+     * sortBy?
+     */
+    sortBy: string;
+    /**
+     * Sorts options
+     */
+    _sorted: boolean;
+    /**
+     * Sorts options
+     */
+    get sorted(): boolean;
+    set sorted(multi: boolean);
+    /**
+     * The name of the endpoint
+     */
+    private enum;
+    /**
+     * The key
+     */
+    key: any;
+    /**
+     * The text
+     */
+    text: any;
+    /**
+     * The prefix
+     */
+    prefix: any;
+    /**
+     * multiple?
+     */
+    multiple: boolean;
+    /**
+     * Option list
+     */
+    _options: any;
+    /**
+     * Option list
+     */
+    get options(): any;
+    set options(value: any);
+    /**
+     * filtered option list
+     */
+    filteredOptions: any;
+    /**
+     * filterable?
+     */
+    filterable: boolean;
+    /**
+     * Field name
+     */
+    field: string;
+    /**
+     * placeholder?: string
+     * Placeholder for the underlying input component.
+     */
+    placeholder: string;
+    /**
+     * cache?
+     */
+    cache: boolean;
+    /**
+     * The http service from to get the data
+     */
+    protected http: HttpClient;
+    /**
+     * Setters and getters for the select value
+     */
+    get value(): any;
+    set value(v: any);
+    /**
+     * Constructor
+     * @param injector
+     * @param table
+     * @param column
+     */
+    constructor(injector: Injector, table: MatTable<any>, column: CdkColumnDef);
+    /**
+     * Lifecycle hook that is called after data-bound properties of a directive are initialized.
+     */
+    ngOnInit(): void;
+    /**
+     * A callback method that is invoked immediately after
+     * Angular has completed initialization of a component's view.
+     * It is invoked only once when the view is instantiated.
+     *
+     */
+    ngAfterViewInit(): void;
+    /**
+     * Write a new value to the element.
+     */
+    writeValue(value: any): void;
+    /**
+     * Handels filter event
+     * @param searchText
+     */
+    handleFilter(searchText: string): void;
+    /**
+     * Set the function to be called when the control receives a change event.
+     */
+    registerOnChange(fn: (_: any) => void): void;
+    /**
+     * Set the function to be called when the control receives a touch event.
+     */
+    registerOnTouched(fn: () => void): void;
+    /**
+     * Called when the control receives a change event.
+     */
+    onChange: (_: any) => void;
+    /**
+     * Called when the control receives a touch event.
+     */
+    onTouched: () => void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FilterSelectComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FilterSelectComponent, "mat-header-cell[filter-select],[mat-header-cell][filter-select]", never, { "endpoint": "endpoint"; "params": "params"; "projection": "projection"; "sortBy": "sortBy"; "sorted": "sorted"; "enum": "enum"; "key": "key"; "text": "text"; "prefix": "prefix"; "multiple": "multiple"; "options": "options"; "filteredOptions": "filteredOptions"; "filterable": "filterable"; "field": "field"; "placeholder": "placeholder"; "cache": "cache"; }, {}, ["optionTemplate"], never>;
+}

package/lib/table/directives/data-source-filter.directive.d.ts

@@ -0,0 +1,28 @@
+import { OnInit } from '@angular/core';
+import { TableDataSource } from '../table.data-source';
+import * as i0 from "@angular/core";
+export declare class DataSourceFilterDirective implements OnInit {
+    /**
+     * DataSource instance
+     */
+    dataSource: TableDataSource<any, any>;
+    /**
+     * Represents a value that changes over time.
+     * Observers can subscribe to the subject to receive filter changes
+     */
+    private _queryChange;
+    /**
+     * Sets query
+     */
+    set dataSourceFilter(query: any);
+    /**
+     * Gets query
+     */
+    get dataSourceFilter(): any;
+    /**
+     * Lifecycle hook that is called after data-bound properties of a directive are initialized.
+     */
+    ngOnInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DataSourceFilterDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DataSourceFilterDirective, "[dataSourceFilter]", never, { "dataSource": "dataSource"; "dataSourceFilter": "dataSourceFilter"; }, {}, never>;
+}

package/lib/table/enums/table-column-type.d.ts

@@ -0,0 +1,12 @@
+export declare enum TableColumnType {
+    None = 0,
+    Checkbox = 1,
+    Text = 2,
+    TextInput = 3,
+    Number = 4,
+    Select = 5,
+    Enum = 6,
+    Toggle = 7,
+    Date = 8,
+    Action = 9
+}

package/lib/table/functions/decorators.d.ts

@@ -0,0 +1,17 @@
+import "reflect-metadata";
+import { TableColumn } from "../models/table-column";
+import { TableDefinition } from "../models/table-definition";
+export declare const tableMetadataKey: unique symbol;
+export declare const columnMetadataKey: unique symbol;
+/**
+ * Class decorator to create a mat-table
+ * @param args
+ * @returns
+ */
+export declare function Table(tableDefinition?: Partial<TableDefinition>): Function;
+/**
+ * Property decorator to create table columns
+ * @param args
+ * @returns
+ */
+export declare function Column(args?: Partial<TableColumn>): Function;

package/lib/table/functions/functions.d.ts

@@ -0,0 +1,8 @@
+import "reflect-metadata";
+import { TableDefinition } from "../models/table-definition";
+/**
+ * Gets classes decoarated with @Table
+ * @param origin
+ * @returns
+ */
+export declare function getTableDefinition(origin: object): TableDefinition;

package/lib/table/models/pagination.d.ts

@@ -0,0 +1,7 @@
+export declare class Pagination<TModel> {
+    page: number;
+    pageSize: number;
+    pageCount: number;
+    total: number;
+    items: TModel[];
+}

package/lib/table/models/table-column.d.ts

@@ -0,0 +1,59 @@
+import { TableColumnType } from "../enums/table-column-type";
+export declare class TableColumn {
+    name: string;
+    sortBy?: string;
+    index?: number;
+    header?: string;
+    filter?: string;
+    type?: TableColumnType;
+    enumType?: any;
+    enumPrefix?: string;
+    endpoint?: string;
+    filterOptionText?: string;
+    options?: {
+        id: any;
+        name: string;
+    }[];
+    onlyNumber?: boolean;
+    content?: Function;
+    contentLength?: number;
+    event?: Function | string;
+    inputType?: string;
+    filterInputNumber?: boolean;
+    filterOperator?: string;
+    patchIncludes?: string[];
+    eventArgs?: any;
+    disable?: Function;
+    shortDate?: boolean;
+    arrowBefore?: boolean;
+    disabled?: boolean;
+    rowMenuItems?: {
+        title: string;
+        event?: Function;
+        hide?: Function;
+    }[];
+    showGtXs?: boolean;
+    showGtSm?: boolean;
+    showGtMd?: boolean;
+    showGtLg?: boolean;
+    showGtXl?: boolean;
+    showGtXxl?: boolean;
+    width?: number;
+    widthUnit?: string;
+    minWidth?: number;
+    minWidthUnit?: string;
+    maxWidth?: number;
+    maxWidthUnit?: string;
+    sticky?: boolean;
+    stickyEnd?: boolean;
+    hide?: Function;
+    hidden?: boolean;
+    cellNgClass?: Function;
+    tooltip?: Function;
+    tooltipClass?: string;
+    /**
+     * constructor
+     * @param init
+     */
+    constructor(init?: Partial<TableColumn>);
+}

package/lib/table/models/table-definition.d.ts

@@ -0,0 +1,24 @@
+import { TableColumn } from "./table-column";
+import { TableMenuItem } from "./table-menu-item";
+export declare class TableDefinition {
+    endpoint: string;
+    includes?: string[];
+    showAction?: boolean;
+    selectable?: boolean;
+    addable?: boolean;
+    editable?: boolean;
+    deletable?: boolean;
+    downloadable?: boolean;
+    duplicable?: boolean;
+    columns?: TableColumn[];
+    hideColumns?: string[];
+    rowNgClass?: Function;
+    rowClick?: Function;
+    detailsTemplate?: string;
+    actions?: TableMenuItem[];
+    /**
+     * constructor
+     * @param init
+     */
+    constructor(init?: Partial<TableDefinition>);
+}

package/lib/table/models/table-menu-item.d.ts

@@ -0,0 +1,8 @@
+import { ActionMenuItem } from "../../common/models/action-menu-item";
+export declare class TableMenuItem extends ActionMenuItem {
+    /**
+     * constructor
+     * @param init
+     */
+    constructor(init?: Partial<TableMenuItem>);
+}

package/lib/table/paginator-intl.d.ts

@@ -0,0 +1,27 @@
+import { MatPaginatorIntl } from '@angular/material/paginator';
+import * as i0 from "@angular/core";
+/**
+ * To modify the labels and text displayed, create a new instance of MdPaginatorIntl and
+ * include it in a custom provider
+ */
+export declare class PaginatorIntl extends MatPaginatorIntl {
+    /**
+     * A label for the page size selector
+     */
+    itemsPerPageLabel: string;
+    /**
+     * A label for the button that increments the current page
+     */
+    nextPageLabel: string;
+    /**
+     * A label for the button that decrements the current page
+     */
+    previousPageLabel: string;
+    /**
+     * A label for the range of items within the current page
+     * and the length of the whole list
+     */
+    getRangeLabel: (page: number, pageSize: number, length: number) => string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PaginatorIntl, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<PaginatorIntl>;
+}

package/lib/table/public_api.d.ts

@@ -0,0 +1,2 @@
+export * from './components/filter-select.component';
+export * from './table.module';

package/lib/table/table.data-source.d.ts

@@ -0,0 +1,140 @@
+import { SelectionModel } from '@angular/cdk/collections';
+import { DataSource } from '@angular/cdk/table';
+import { MatCheckboxChange } from '@angular/material/checkbox';
+import { MatPaginator } from '@angular/material/paginator';
+import { MatSort } from '@angular/material/sort';
+import { BehaviorSubject, Observable } from 'rxjs';
+import { GenericService } from '../http/services/generic.service';
+import { Pagination } from './models/pagination';
+/**
+ * A generic datasource for data-table
+ */
+export declare class TableDataSource<TEntity, TService extends GenericService<TEntity>> extends DataSource<TEntity> {
+    service: TService;
+    paginator: MatPaginator;
+    sort: MatSort;
+    /**
+     * Represents a value that changes over time.
+     * Observers can subscribe to the subject to receive filter changes
+     */
+    private _filterChange;
+    /**
+     * onDataLoaded: function($event)
+     * Event emitted after the data is loaded
+     */
+    _reloadChange: BehaviorSubject<number>;
+    /**
+     * onDataLoaded: function($event)
+     * Event emitted after the data is loaded
+     */
+    onDataLoaded: BehaviorSubject<Pagination<TEntity>>;
+    /**
+     * Used to power selecting one or more options from a list.
+     */
+    selectionModel: SelectionModel<TEntity>;
+    /**
+     * Gets filter
+     */
+    get filter(): string;
+    /**
+     * Sets filter
+     */
+    set filter(filter: string);
+    /**
+     * Gets reload token
+     */
+    get reloadToken(): number;
+    /**
+     * The navigations to includes
+     */
+    includes: Array<string>;
+    /**
+     * The columns to be projected
+     */
+    projection: string;
+    /**
+     * The list of items
+     */
+    items: TEntity[];
+    /**
+     * Used to add some field filters
+     */
+    fieldFilters: any;
+    /**
+     * Used to add some field operators
+     */
+    fieldOperators: any;
+    /**
+     * Used to add some static field filters
+     */
+    staticFieldFilters: any;
+    /**
+     * The current page index.
+     */
+    pageIndex: number;
+    /**
+     * The current total number of items being paged
+     */
+    total: number;
+    /**
+     * The current page size
+     */
+    pageSize: number;
+    /**
+     * Number of pages
+     */
+    pageCount: number;
+    /**
+     * A flag to show loading process
+     */
+    isLoading: boolean;
+    /**
+     * Constructor
+     * @param service
+     * @param paginator
+     * @param sort
+     */
+    constructor(service: TService, paginator: MatPaginator, sort: MatSort);
+    /**
+     * Connects a collection viewer (such as a data-table) to this data source.
+     * @param collectionViewer The component that exposes a view over the data provided by this
+     *     data source.
+     * @returns Observable that emits a new value when the data changes.
+     */
+    connect(): Observable<TEntity[]>;
+    /**
+     * Disconnects a collection viewer (such as a data-table) from this data source. Can be used
+     * to perform any clean-up or tear-down operations when a view is being destroyed.
+     *
+     * @param collectionViewer The component that exposes a view over the data provided by this
+     *     data source.
+     */
+    disconnect(): void;
+    /**
+     * Reloads items
+     * @param clearSelection
+     */
+    reload(clearSelection?: boolean): void;
+    /**
+     * Clears field filters
+     */
+    clearFilters(newFilters?: any): void;
+    /**
+     * Checks, whether all items are selected
+     */
+    isAllSelected(): boolean;
+    /**
+     * Toggles selected items
+     * @param checkbox
+     * @param predicate
+     */
+    toggleSelect(checkbox: MatCheckboxChange, predicate?: (value: TEntity, index: number, array: TEntity[]) => unknown): void;
+    /**
+     * Get selected Items
+     */
+    getSelected: <TType>(key: string) => TType[];
+    /**
+     * Get selected Items
+     */
+    getSelectedIds: () => number[];
+}