mat-table-ext 0.0.6 → 0.0.9

package/lib/mat-table-ext.component.d.ts

@@ -1,348 +0,0 @@
-import { SelectionModel } from '@angular/cdk/collections';
-import { CdkDragDrop } from '@angular/cdk/drag-drop';
-import { AfterViewInit, ChangeDetectorRef, EventEmitter } from '@angular/core';
-import { OnChanges, OnInit, SimpleChanges, TemplateRef } from '@angular/core';
-import { FormBuilder, FormGroup } from '@angular/forms';
-import { MatDialog } from '@angular/material/dialog';
-import { MatMenuTrigger } from '@angular/material/menu';
-import { MatPaginator } from '@angular/material/paginator';
-import { MatSort } from '@angular/material/sort';
-import { MatTableDataSource } from '@angular/material/table';
-import { MTExColumn, MTExColumnPinOption, RowSelectionChange, CellTemplateRefMap, ExpansionChange, FilterSearchValue, MTExRow, ColumnVisibility } from '../lib/models/tableExtModels';
-import { MatTableExtService } from '../lib/mat-table-ext.service';
-import { DomSanitizer } from '@angular/platform-browser';
-import { MatIconRegistry } from '@angular/material/icon';
-import * as XLSX from 'xlsx';
-import * as i0 from "@angular/core";
-export declare class MatTableExtComponent implements OnInit, OnChanges, AfterViewInit {
-    dialog: MatDialog;
-    service: MatTableExtService;
-    formBuildersService: FormBuilder;
-    domSanitizer: DomSanitizer;
-    matIconRegistry: MatIconRegistry;
-    private cdr;
-    menuTrigger: MatMenuTrigger;
-    columnMenuTrigger: MatMenuTrigger;
-    paginator: MatPaginator;
-    sort: MatSort;
-    dataSource: MatTableDataSource<any>;
-    columns: MTExColumn[];
-    columnResizable: boolean;
-    stripedRows: boolean;
-    rowHover: boolean;
-    inlineRowEditing: boolean;
-    inCellEditing: boolean;
-    popupRowEditing: boolean;
-    enableDelete: boolean;
-    rowSelection: boolean;
-    multiRowSelection: boolean;
-    stickyFooter: boolean;
-    stickyHeader: boolean;
-    showFooterRow: boolean;
-    columnFilter: boolean;
-    loadingIndicator: boolean;
-    sorting: boolean;
-    showToolbar: boolean;
-    toolbarTitle: string;
-    tableHeight: string;
-    toolbarHeight: string;
-    tableWidth: string;
-    scrollbarH: boolean;
-    toolbarTemplate: TemplateRef<any> | undefined;
-    columnHidable: boolean;
-    columnPinnable: boolean;
-    globalSearch: boolean;
-    expandRows: boolean;
-    dndColumns: boolean;
-    showPaginator: boolean;
-    showFirstLastButtons: boolean;
-    exportButtonEnable: boolean;
-    pageSizeOptions: number[];
-    toolbarTemplateRef: TemplateRef<any> | undefined;
-    headerTemplateRef: TemplateRef<any> | undefined;
-    cellTemplateRef: TemplateRef<any> | undefined;
-    expansionTemplateRef: TemplateRef<any> | undefined;
-    popupEditingTemplateRef: TemplateRef<any> | undefined;
-    inlineEditingTemplateRef: TemplateRef<any> | undefined;
-    cellEditingTemplateRef: TemplateRef<any> | undefined;
-    cellTemplateRefMap: CellTemplateRefMap;
-    inlineChange: EventEmitter<any>;
-    cellChange: EventEmitter<any>;
-    popupChange: EventEmitter<any>;
-    rowDeleted: EventEmitter<any>;
-    scroll: EventEmitter<any>;
-    selectionChanged: EventEmitter<RowSelectionChange>;
-    expansionChange: EventEmitter<ExpansionChange>;
-    tableID: number;
-    columnPinningOptions: MTExColumnPinOption[];
-    exportMenuCtrl: boolean;
-    columnPinMenuCtrl: boolean;
-    hideShowMenuCtrl: boolean;
-    columnFilterBySelection: any;
-    rowDataTemp: any;
-    inlineEditingTemplateRefData: any;
-    displayedColumns: string[];
-    showHideColumnsArray: MTExColumn[];
-    columnsList: string[];
-    columnsArray: MTExColumn[];
-    headersFiltersIds: string[];
-    columnsToDisplayWithExpand: string[];
-    selection: SelectionModel<any>;
-    hiddenCtrl: SelectionModel<any>;
-    tableData: any;
-    filterValues: any;
-    globalFilter: string;
-    showHideFilter: string;
-    individualFilter: string;
-    toggleFilters: boolean;
-    hideRows: boolean;
-    expandedElement: any | null;
-    currentRowIndex: number;
-    currentRow: any;
-    cellEditing: any;
-    hideShowMenuGroup: FormGroup;
-    cellTemplate: TemplateRef<any>;
-    menuX: number;
-    menuY: number;
-    dynamicDisplayedColumns: any[];
-    inputPropertyKeys: string[];
-    constructor(dialog: MatDialog, service: MatTableExtService, formBuildersService: FormBuilder, domSanitizer: DomSanitizer, matIconRegistry: MatIconRegistry, cdr: ChangeDetectorRef);
-    /**
-     *
-     * @param changes changes captured each time user changes property value.
-     */
-    ngOnChanges(changes: SimpleChanges): void;
-    ngOnInit(): void;
-    ngAfterViewInit(): void;
-    /**
-     * @description checks and updates the the column's hide and show properties.
-     */
-    setColumnHideShow(): void;
-    /**
-     * @description set the properties of the table.
-     * @param changes changes captured each time user changes property value.
-     */
-    setPropertyValue(changes: SimpleChanges): void;
-    /**
-     * @description This mapping is used to set and update changesin the table.
-     */
-    setPropertiesMap: any;
-    /**
-     * @description used set data source for table.
-     * @param value data source value from user.
-     */
-    setTableDataSource(value: any): void;
-    /**
-     * @description used create seletion model and set selection column visibility.
-     * @param value boolean value to show or hide selection Column from table.
-     */
-    setRowSelection(value: boolean): void;
-    /**
-     * @description create filter header row and assigns filter predicate to table data source.
-     * @param value boolean value to change  visibility of column filter row.
-     */
-    setColumnFilter(value: boolean): void;
-    /**
-     * @description This method returns the list of visible column names.
-     * @returns list of visible column names.
-     */
-    getDisplayedColumns(): string[];
-    /**
-     * @param menuType type of menu to open from toolbar.
-     * @param event mouse event to open menu on that location.
-     */
-    openMenu(menuType: string, event: MouseEvent): void;
-    /**
-     * @description triggers when menu is closed and reset the required controls.
-     */
-    menuClosed(): void;
-    /**
-     * @description set list of columns to display in table.
-     * @param columns columns array from user input.
-     */
-    setColumnsData(columns: MTExColumn[]): void;
-    /**
-     * @description set list of columns to display in table.
-     * @param columns columns array from user input with configurations.
-     */
-    setColumnsList(columns: MTExColumn[]): void;
-    /**
-     * @description Take boolean value and name column and update its visibility status in table.
-     * @param name name of the column to set visibility.
-     * @param value boolean value to set visibility of the column.
-     */
-    showHideColumn(name: string, value: boolean): void;
-    /**
-     * @description This method will position the selection column to first and also update its visibility.
-     * @param value value used to set visibility of the selection column.
-     */
-    updateSelectionColumnVisibility(value: boolean): void;
-    /**
-     * @description This method is used to update the position of  column in columns array according to its dropped position.
-     * @param event CdkDragDrop used to update column position in columns array.
-     */
-    onDrop(event: CdkDragDrop<any>): void;
-    /**
-     * @description This method create filter predicate function which will set search value to table filters
-     * for both global and individual colum filtering.
-     * @returns returns boolean value to filter rows in table.
-     */
-    createFilter(): (data: any, filter: string) => boolean;
-    /**
-     * @description assigns the search value to mat table data source to apply the filter.
-     * @param searchValue value to be searched from table rows.
-     */
-    applyGlobalFilter(searchValue: string): void;
-    /**
-     * @description This method is used to apply column based filtering
-     * @param searchValue value to be searched from table rows.
-     * @param column filter will be applied based on this column field.
-     */
-    applyColumnFilter(searchValue: FilterSearchValue, column: MTExColumn): void;
-    /**
-     * @description This method will take row and its index enable inline editing tools on that row.
-     * @param row row on which user wants to do edit.
-     * @param index index of the row where inline editing will be enabled.
-     */
-    enableInlineEditing(row: any, index: number): void;
-    /**
-     * @description This method will create and return data to inline editing template.
-     * @param row row on which user wants to do edit.
-     * @param index index of the row where inline editing will be enabled.
-     * @param column current column of the table.
-     */
-    getInlineEditingData(row: MTExRow, index: number, column: MTExColumn): any;
-    /**
-     * @description This method will take data from inline editing template and update in table data source.
-     * @param row updated row from inline editing template.
-     */
-    updateInlineTemplateData: (row: MTExRow) => void;
-    /**
-     * @description This method set data for in-cell editing.
-     * @param row row on which user wants to do edit.
-     * @param index index of the row where inline editing will be enabled.
-     */
-    setCellData(row: MTExRow, index: number): void;
-    /**
-     * @description This will restore the data and cencel the inline editing.
-     * @param row row on which user wants to do edit.
-     * @param index index of the row where inline editing will be enabled.
-     */
-    cancelInlineEditing(row: MTExRow, index: number): void;
-    /**
-     * @description This method will save and update the inline editing data and emit the update row and index.
-     * @param row row on which user wants to do edit.
-     * @param index index of the row where inline editing will be enabled.
-     */
-    saveInlineEditing(row: MTExRow, index: number): void;
-    /**
-     * @description This method will save and update the cell editing data and emit the update row and index.
-     */
-    saveCellEditing(): void;
-    /**
-     * @description This method will delete the row from the given index and emit the deleted row and index.
-     * @param row row to be deleted.
-     * @param index index of the row to be deleted.
-     */
-    deleteRow(row: any, index: number): void;
-    /**
-     * @description This method will expand or collapse the row and emit expand event.
-     * @param row row to be expanded or collapsed.
-     * @param expand value used to expand or collapse the row.
-     * @param index index of the row.
-     */
-    expandRow(row: MTExRow, expand: boolean, index: number): void;
-    /**
-     * @description This method is used to set data for popup component and open editing dialog.
-     * @param row row which used want to edit.
-     */
-    openEditingDialog(row: MTExRow): void;
-    /**
-     * @description used to check whether all rows are selected.
-     */
-    isAllSelected(): boolean;
-    /**
-     * @description this method is used to toggle the all and no rows selection.
-     */
-    toggleAllRows(): void;
-    /**
-     * @description This method is used return aria-label for selection column checkboxs.
-     * @param row row from table.
-     * @returns labels for selection column checkboxs.
-     */
-    checkboxLabel(row?: any): string;
-    /**
-     * @description create form control for columns for hiding and and pinning purpose
-     * @param columns list of columns to be displayed
-     */
-    setToolbarMenuControls(columns: MTExColumn[]): void;
-    /**
-     * @param column current column
-     * @param event mouse event used to set the menu position
-     */
-    openPinnablePropertyMenu(column: MTExColumn, event: MouseEvent): void;
-    /**
-     * @description This method is used to reset menu checks when required.
-     */
-    resetMenuChecks(): void;
-    /**
-     * @description This method is used to filter columns for menus like pinning or hide show menu.
-     * @param value search value to filter colunms
-     */
-    filterColumns(value: string): void;
-    /**
-     * @description This method is used to open hide show column menu.
-     * @param columns columns array to display in hide show menu.
-     */
-    openHideShowMenu(columns: MTExColumn[]): void;
-    /**
-     * @param values columns
-     */
-    updateColumnsHideShow(values: ColumnVisibility): void;
-    /**
-     * @description This method is called when the table rows are scrolled.
-     * @param event scroll event
-     */
-    onScroll(event: any): void;
-    /**
-     * @param row row to be toggled
-     * @param index index of toggled row
-     */
-    setSelectedRows(row: any, index: number): void;
-    /**
-     * @description This method is used to display all hidden rows.
-     */
-    showHiddenRows(): void;
-    /**
-     * @description This method is used to hide all selected rows.
-     */
-    hideSelectedRows(): void;
-    /**
-     * @description This method is used to recalculate the required values for table.
-     */
-    reCal(): void;
-    /**
-     * @description This method is called in constructor method to add SVGs into icon registration.
-     */
-    addIconsToRegistry(): void;
-    /**
-     * @description This method is used to export table data.
-     * @param type type of file to be exported.
-     */
-    exportTable(type: string): void;
-    /**
-     * @description This method is used to split name of filter row header to get index.
-     * @param value value to be splited for index.
-     * @returns Will return index of column from value.
-     */
-    returnIndex(value: string): number;
-    /**
-     * @description This method is used to manage column filtering, expanded data for exporting.
-     * @param ws work sheet
-     * @returns custom generated worksheet to be used in export.
-     */
-    writeSheetData(ws: XLSX.WorkSheet): XLSX.WorkSheet;
-    getMergeIndex(merges: any[]): any[];
-    static ɵfac: i0.ɵɵFactoryDeclaration<MatTableExtComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MatTableExtComponent, "mat-table-ext", never, { "dataSource": "dataSource"; "columns": "columns"; "columnResizable": "columnResizable"; "stripedRows": "stripedRows"; "rowHover": "rowHover"; "inlineRowEditing": "inlineRowEditing"; "inCellEditing": "inCellEditing"; "popupRowEditing": "popupRowEditing"; "enableDelete": "enableDelete"; "rowSelection": "rowSelection"; "multiRowSelection": "multiRowSelection"; "stickyFooter": "stickyFooter"; "stickyHeader": "stickyHeader"; "showFooterRow": "showFooterRow"; "columnFilter": "columnFilter"; "loadingIndicator": "loadingIndicator"; "sorting": "sorting"; "showToolbar": "showToolbar"; "toolbarTitle": "toolbarTitle"; "tableHeight": "tableHeight"; "toolbarHeight": "toolbarHeight"; "tableWidth": "tableWidth"; "scrollbarH": "scrollbarH"; "toolbarTemplate": "toolbarTemplate"; "columnHidable": "columnHidable"; "columnPinnable": "columnPinnable"; "globalSearch": "globalSearch"; "expandRows": "expandRows"; "dndColumns": "dndColumns"; "showPaginator": "showPaginator"; "showFirstLastButtons": "showFirstLastButtons"; "exportButtonEnable": "exportButtonEnable"; "pageSizeOptions": "pageSizeOptions"; "toolbarTemplateRef": "toolbarTemplateRef"; "headerTemplateRef": "headerTemplateRef"; "cellTemplateRef": "cellTemplateRef"; "expansionTemplateRef": "expansionTemplateRef"; "popupEditingTemplateRef": "popupEditingTemplateRef"; "inlineEditingTemplateRef": "inlineEditingTemplateRef"; "cellEditingTemplateRef": "cellEditingTemplateRef"; "cellTemplateRefMap": "cellTemplateRefMap"; }, { "inlineChange": "inlineChange"; "cellChange": "cellChange"; "popupChange": "popupChange"; "rowDeleted": "rowDeleted"; "scroll": "scroll"; "selectionChanged": "selectionChanged"; "expansionChange": "expansionChange"; }, never, never, false>;
-}

package/lib/mat-table-ext.module.d.ts

@@ -1,58 +0,0 @@
-import * as i0 from "@angular/core";
-import * as i1 from "./mat-table-ext.component";
-import * as i2 from "./directives/resize-column.directive";
-import * as i3 from "./components/column-pinning/column-pinning.component";
-import * as i4 from "./components/editing/editing.component";
-import * as i5 from "./components/filter-columns-component/filter-columns-component.component";
-import * as i6 from "@angular/common";
-import * as i7 from "@ngx-translate/core";
-import * as i8 from "@angular/material/table";
-import * as i9 from "@angular/forms";
-import * as i10 from "@angular/material/core";
-import * as i11 from "@angular/cdk/a11y";
-import * as i12 from "@angular/cdk/accordion";
-import * as i13 from "@angular/cdk/clipboard";
-import * as i14 from "@angular/cdk/stepper";
-import * as i15 from "@angular/cdk/table";
-import * as i16 from "@angular/cdk/tree";
-import * as i17 from "@angular/cdk/drag-drop";
-import * as i18 from "@angular/material/autocomplete";
-import * as i19 from "@angular/material/badge";
-import * as i20 from "@angular/material/bottom-sheet";
-import * as i21 from "@angular/material/button";
-import * as i22 from "@angular/material/button-toggle";
-import * as i23 from "@angular/material/card";
-import * as i24 from "@angular/material/checkbox";
-import * as i25 from "@angular/material/chips";
-import * as i26 from "@angular/material/stepper";
-import * as i27 from "@angular/material/datepicker";
-import * as i28 from "@angular/material/dialog";
-import * as i29 from "@angular/material/divider";
-import * as i30 from "@angular/material/expansion";
-import * as i31 from "@angular/material/grid-list";
-import * as i32 from "@angular/material/icon";
-import * as i33 from "@angular/material/input";
-import * as i34 from "@angular/material/list";
-import * as i35 from "@angular/material/menu";
-import * as i36 from "@angular/material/paginator";
-import * as i37 from "@angular/material/progress-bar";
-import * as i38 from "@angular/material/progress-spinner";
-import * as i39 from "@angular/material/radio";
-import * as i40 from "@angular/material/select";
-import * as i41 from "@angular/material/sidenav";
-import * as i42 from "@angular/material/slider";
-import * as i43 from "@angular/material/slide-toggle";
-import * as i44 from "@angular/material/snack-bar";
-import * as i45 from "@angular/material/sort";
-import * as i46 from "@angular/material/tabs";
-import * as i47 from "@angular/material/toolbar";
-import * as i48 from "@angular/material/tooltip";
-import * as i49 from "@angular/material/tree";
-import * as i50 from "@angular/cdk/portal";
-import * as i51 from "@angular/cdk/scrolling";
-import * as i52 from "@angular/material/form-field";
-export declare class MatTableExtModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<MatTableExtModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<MatTableExtModule, [typeof i1.MatTableExtComponent, typeof i2.ResizeColumnDirective, typeof i3.ColumnPinningComponent, typeof i4.EditingComponent, typeof i5.FilterColumnsComponentComponent], [typeof i6.CommonModule, typeof i7.TranslateModule, typeof i8.MatTableModule, typeof i9.FormsModule, typeof i9.ReactiveFormsModule, typeof i10.MatNativeDateModule, typeof i11.A11yModule, typeof i12.CdkAccordionModule, typeof i13.ClipboardModule, typeof i14.CdkStepperModule, typeof i15.CdkTableModule, typeof i16.CdkTreeModule, typeof i17.DragDropModule, typeof i18.MatAutocompleteModule, typeof i19.MatBadgeModule, typeof i20.MatBottomSheetModule, typeof i21.MatButtonModule, typeof i22.MatButtonToggleModule, typeof i23.MatCardModule, typeof i24.MatCheckboxModule, typeof i25.MatChipsModule, typeof i26.MatStepperModule, typeof i27.MatDatepickerModule, typeof i28.MatDialogModule, typeof i29.MatDividerModule, typeof i30.MatExpansionModule, typeof i31.MatGridListModule, typeof i32.MatIconModule, typeof i33.MatInputModule, typeof i34.MatListModule, typeof i35.MatMenuModule, typeof i10.MatNativeDateModule, typeof i36.MatPaginatorModule, typeof i37.MatProgressBarModule, typeof i38.MatProgressSpinnerModule, typeof i39.MatRadioModule, typeof i10.MatRippleModule, typeof i40.MatSelectModule, typeof i41.MatSidenavModule, typeof i42.MatSliderModule, typeof i43.MatSlideToggleModule, typeof i44.MatSnackBarModule, typeof i45.MatSortModule, typeof i46.MatTabsModule, typeof i47.MatToolbarModule, typeof i48.MatTooltipModule, typeof i49.MatTreeModule, typeof i50.PortalModule, typeof i51.ScrollingModule, typeof i52.MatFormFieldModule], [typeof i1.MatTableExtComponent, typeof i2.ResizeColumnDirective, typeof i3.ColumnPinningComponent, typeof i4.EditingComponent, typeof i5.FilterColumnsComponentComponent]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<MatTableExtModule>;
-}

package/lib/mat-table-ext.service.d.ts

@@ -1,11 +0,0 @@
-import { HttpClient } from '@angular/common/http';
-import { BehaviorSubject } from 'rxjs';
-import * as i0 from "@angular/core";
-export declare class MatTableExtService {
-    http: HttpClient;
-    selectedRow: BehaviorSubject<any>;
-    selectedRowIndex: BehaviorSubject<any>;
-    constructor(http: HttpClient);
-    static ɵfac: i0.ɵɵFactoryDeclaration<MatTableExtService, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<MatTableExtService>;
-}

package/lib/models/tableExtModels.d.ts

@@ -1,76 +0,0 @@
-import { TemplateRef } from '@angular/core';
-import { Observable } from 'rxjs';
-/** Column definition of mat-table-ext. */
-export interface MTExColumn {
-    field: string;
-    options?: string[];
-    header?: string;
-    name?: string;
-    footerText?: string;
-    headerTooltip?: TooltipProp;
-    cellTooltip?: TooltipProp;
-    pinned?: 'left' | 'right';
-    width?: string;
-    disabled?: boolean;
-    minWidth?: string;
-    maxWidth?: string;
-    hide?: boolean;
-    type: MTExColumnType;
-    cellTemplate?: TemplateRef<any> | null;
-    headerTemplate?: TemplateRef<any> | null;
-}
-export interface DisplayColumn {
-    filter: boolean;
-    name: string;
-    show: boolean;
-}
-export interface RowChange {
-    row: {
-        [key: string]: any;
-    };
-    index: number;
-}
-export interface RowSelectionChange {
-    row: {
-        [key: string]: any;
-    };
-    index: number;
-    isSelected: boolean;
-}
-export interface ExpansionChange {
-    data: {
-        [key: string]: any;
-    };
-    index: number;
-    expanded: boolean;
-}
-export interface CellTemplateRefMap {
-    [key: string]: TemplateRef<any>;
-}
-/** Possible column type values. */
-export declare type MTExColumnType = 'selection' | string | boolean | number | 'date';
-export interface TooltipProp {
-    value: string;
-    tooltipPosition?: TooltipPosition;
-}
-export declare type TooltipPosition = 'left' | 'right' | 'above' | 'below' | 'before' | 'after';
-/** Cell template. */
-export interface MTExCellTemplate {
-    [key: string]: TemplateRef<any>;
-}
-export interface FilterSearchValue {
-    [key: string]: any;
-}
-export interface MTExRow {
-    [key: string]: any;
-}
-export interface ColumnVisibility {
-    [key: string]: any;
-}
-export interface MTExColumnPinOption {
-    label: string | Observable<string>;
-    value: MTExColumnPinValue;
-    selected: boolean;
-    field: string;
-}
-export declare type MTExColumnPinValue = 'left' | 'right' | null;