npm - @sunbird-cb/collection - Versions diffs - 1.0.31 → 1.0.33 - Mend

@sunbird-cb/collection 1.0.31 → 1.0.33

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.

Files changed (24) hide show

package/bundles/sunbird-cb-collection.umd.js CHANGED Viewed

@@ -22617,12 +22617,207 @@
         OrgUserTableComponent.prototype.selection;
     }
+    var OrgUserTableV2Component = (function () {
+        function OrgUserTableV2Component(changeDetector) {
+            this.changeDetector = changeDetector;
+            this.eOnRowClick = new core.EventEmitter();
+            this.eOnButtonClick = new core.EventEmitter();
+            this.searchByEnterKey = new core.EventEmitter();
+            this.pageChangeClick = new core.EventEmitter();
+            this.isSearchBar = true;
+            this.bodyHeight = document.body.clientHeight - 125;
+            this.pageSize = 20;
+            this.pageSizeOptions = [20, 30, 40];
+            this.selection = new collections.SelectionModel(true, []);
+            this.dataSource = new table.MatTableDataSource();
+            this.actionsClick = new core.EventEmitter();
+            this.clicked = new core.EventEmitter();
+        }
+        Object.defineProperty(OrgUserTableV2Component.prototype, "matPaginator", {
+            set: function (paginator) {
+                this.paginator = paginator;
+            },
+            enumerable: true,
+            configurable: true
+        });
+        Object.defineProperty(OrgUserTableV2Component.prototype, "matSort", {
+            set: function (sort) {
+                if (!this.dataSource.sort) {
+                    this.dataSource.sort = sort;
+                }
+            },
+            enumerable: true,
+            configurable: true
+        });
+        OrgUserTableV2Component.prototype.ngOnInit = function () {
+            if (this.tableData) {
+                this.displayedColumns = this.tableData.columns;
+            }
+            this.dataSource.data = this.data;
+            this.dataSource = new table.MatTableDataSource(this.data);
+            this.pageLength = this.totalRecords;
+        };
+        OrgUserTableV2Component.prototype.ngOnChanges = function (changes) {
+            if (changes.data && changes.data.currentValue) {
+                this.dataSource.data = ___default.get(changes, 'data.currentValue');
+            }
+        };
+        OrgUserTableV2Component.prototype.ngAfterViewInit = function () {
+            if (this.data) {
+                this.dataSource.data = this.data;
+            }
+        };
+        OrgUserTableV2Component.prototype.ngAfterViewChecked = function () {
+            if (this.totalRecords !== undefined && this.totalRecords !== '') {
+                if (this.dataSource && this.dataSource.paginator && this.dataSource.paginator.length !== this.totalRecords) {
+                    this.dataSource.paginator.length = this.totalRecords;
+                }
+                this.pageLength = this.totalRecords;
+                this.changeDetector.detectChanges();
+            }
+        };
+        OrgUserTableV2Component.prototype.applyFilter = function (filterValue) {
+            if (filterValue) {
+                var fValue = filterValue.trim();
+                fValue = filterValue.toLowerCase();
+                this.dataSource.filter = fValue;
+            }
+            else {
+                this.dataSource.filter = '';
+            }
+        };
+        OrgUserTableV2Component.prototype.buttonClick = function (action, row) {
+            if (this.tableData) {
+                var isDisabled = ___default.get(___default.find(this.tableData.actions, (function (ac) { return ac.name === action; })), 'disabled') || false;
+                if (!isDisabled && this.actionsClick) {
+                    this.actionsClick.emit({ action: action, row: row });
+                }
+            }
+        };
+        OrgUserTableV2Component.prototype.getFinalColumns = function () {
+            if (this.tableData !== undefined) {
+                var columns = ___default.map(this.tableData.columns, (function (c) { return c.key; }));
+                if (this.tableData.needCheckBox) {
+                    columns.splice(0, 0, 'select');
+                }
+                if (this.tableData.needHash) {
+                    columns.splice(0, 0, 'SR');
+                }
+                if (this.tableData.actions && this.tableData.actions.length > 0) {
+                    columns.push('Actions');
+                }
+                if (this.tableData.needUserMenus) {
+                    columns.push('Menu');
+                }
+                return columns;
+            }
+            return '';
+        };
+        OrgUserTableV2Component.prototype.isAllSelected = function () {
+            var numSelected = this.selection.selected.length;
+            var numRows = this.dataSource.data.length;
+            return numSelected === numRows;
+        };
+        OrgUserTableV2Component.prototype.filterList = function (list, key) {
+            return list.map((function (lst) { return lst[key]; }));
+        };
+        OrgUserTableV2Component.prototype.masterToggle = function () {
+            var _this = this;
+            this.isAllSelected() ?
+                this.selection.clear() :
+                this.dataSource.data.forEach((function (row) { return _this.selection.select(row); }));
+        };
+        OrgUserTableV2Component.prototype.checkboxLabel = function (row) {
+            if (!row) {
+                return (this.isAllSelected() ? 'select' : 'deselect') + " all";
+            }
+            return (this.selection.isSelected(row) ? 'deselect' : 'select') + " row " + (row.position + 1);
+        };
+        OrgUserTableV2Component.prototype.onRowClick = function (e) {
+            this.eOnRowClick.emit(e);
+        };
+        OrgUserTableV2Component.prototype.onButtonClick = function (type, event) {
+            this.eOnButtonClick.emit({ type: type, event: event });
+        };
+        OrgUserTableV2Component.prototype.onSearchEnter = function (event) {
+            this.searchByEnterKey.emit(event.target.value);
+        };
+        OrgUserTableV2Component.prototype.onPageChange = function (event) {
+            this.pageSize = event.pageSize;
+            this.pageChangeClick.emit(event);
+        };
+        OrgUserTableV2Component.decorators = [
+            { type: core.Component, args: [{
+                        selector: 'ws-widget-org-user-table-v2',
+                        template: "<div class=\"example-container margin-top-m\">\n    <div class=\"example-loading-shade\"></div>\n\n    <div class=\"example-table-container\">\n        <div class=\"container-balanced\">\n            <div class=\"flex flex-1 custom\">\n                <div class=\"flex-1\">\n                    <div class=\"search\" *ngIf=\"isSearchBar\">\n                        <div class=rsearch>\n                            <mat-icon class=\"color-60 search-icon\">search</mat-icon>\n                            <input class=\"sinput color-60\" type=\"Standard\" label=\"\"\n                                (input)=\"applyFilter($event.target.value)\" (keydown.enter)=\"onSearchEnter($event)\"\n                                placeholder=\"Search\">\n                        </div>\n                    </div>\n                </div>\n                <div class=\"flex-2 right-align\">\n                    <!-- <button type=\"button\" mat-button class=\"upload-btn\" *ngIf=\"isUpload\"\n                        (click)=\"onButtonClick('upload', $event)\">\n                        <mat-icon>vertical_align_top</mat-icon> File upload\n                    </button> -->\n                    <button type=\"button\" mat-button class=\"upload-btn\" *ngIf=\"isDownload\"\n                        (click)=\"onButtonClick('download', $event)\">\n                        <mat-icon>vertical_align_bottom</mat-icon> Users Report\n                    </button>\n                    <button type=\"button\" mat-button class=\"upload-btn\" *ngIf=\"isConsumptionReport\"\n                        (click)=\"onButtonClick('consumptionReport', $event)\">\n                        <mat-icon>vertical_align_bottom</mat-icon> Consumption Report\n                    </button>\n                    <button type=\"button\" mat-button class=\"create-btn\" *ngIf=\"isCreate\"\n                        (click)=\"onButtonClick('createUser', $event)\">\n                        Create new\n                    </button>\n                </div>\n            </div>\n        </div>\n\n        <!-- </mat-form-field> -->\n        <mat-table #table matSort [ngStyle]=\"{'height': bodyHeight}\" [matSortActive]=\"tableData!.sortColumn\"\n            [matSortDirection]=\"tableData!.sortState\" [dataSource]=\"dataSource\"\n            class=\"example-table table1 responsiveTable\" *ngIf=\"dataSource.data.length > 0\">\n\n            <ng-container matColumnDef=\"{{col.key}}\" *ngFor=\"let col of tableData!.columns\">\n                <mat-header-cell *matHeaderCellDef mat-sort-header class=\".h-400-r-14-l color-60\"> {{col.displayName}}\n                </mat-header-cell>\n                <mat-cell *matCellDef=\"let element\" (click)=\"onRowClick(element)\">\n                    <img *ngIf=\"col?.imageUrl\" src=\"{{element.posterImage}}\" class=\"pb-image\">\n                    <span *ngIf=\"col?.isList\" class=\"h-400-r-14-l color-87 textclass\">\n                        <div innerHTML=\"{{element[col.key]}}\"></div>\n                    </span>\n                    <span *ngIf=\"!col?.isList\" class=\"h-400-r-14-l color-87 textclass\">\n                        {{(col.key === 'dateCreatedOn' || col.key === 'dateUpdatedOn') ? (element[col.key] | date:'dd\n                        MMM yyy h:mm a') : element[col.key]}} {{col?.isList}}\n                    </span>\n                </mat-cell>\n            </ng-container>\n            <ng-container matColumnDef=\"Actions\" *ngIf=\"tableData!.actions && tableData!.actions.length > 0\">\n                <mat-header-cell *matHeaderCellDef class=\"clr-darkish-blue action-header\"> {{\n                    tableData!.actionColumnName || \"Actions\"}}\n                </mat-header-cell>\n                <mat-cell *matCellDef=\"let row\" class=\"action-cell\">\n                    <div *ngFor=\"let ac of tableData!.actions\">\n                        <div *ngIf=\"ac.optional\">\n                            <ws-widget-app-button *ngIf=\"row[ac.optional_key] === ac.optional_Value\" [type]=\"ac.type\"\n                                [icon]=\"ac.icon\" [disabled]=\"ac.disabled || false\" [label]=\"ac.label\"\n                                (click)=\"buttonClick(ac.name,row)\"></ws-widget-app-button>\n                        </div>\n                        <div *ngIf=\"!ac.optional\">\n                            <ws-widget-app-button [type]=\"ac.type\" [icon]=\"ac.icon\" [label]=\"ac.label\"\n                                [disabled]=\"ac.disabled || false\" (click)=\"buttonClick(ac.name,row)\">\n                            </ws-widget-app-button>\n                        </div>\n                    </div>\n                </mat-cell>\n            </ng-container>\n            <ng-container matColumnDef=\"Menu\">\n                <mat-header-cell *matHeaderCellDef class=\"clr-darkish-blue action-header\">\n                    <!-- {{'Actions'}} -->\n                </mat-header-cell>\n                <mat-cell *matCellDef=\"let row\" class=\"action-cell\">\n                    <button type=\"button\" mat-icon-button i18n-aria-label aria-label=\"action items\"\n                        [matMenuTriggerFor]=\"cardMenu\" [matMenuTriggerData]=\"{'data':row}\" class=\"action-btn\">\n                        <mat-icon>more_horiz</mat-icon>\n                    </button>\n                </mat-cell>\n            </ng-container>\n\n            <mat-header-row *matHeaderRowDef=\"getFinalColumns()\"></mat-header-row>\n\n            <mat-row *matRowDef=\"let row; columns: getFinalColumns();\" (click)=\"selection.toggle(row);\">\n            </mat-row>\n\n            <!-- <div *ngIf=\"dataSource.filteredData.length <= 0\">\n                <mat-row *matRowDef=\"let row; columns: getFinalColumns();\"\n                    (click)=\"selection.toggle(row); onRowClick(row)\">\n                    ssss\n                </mat-row>\n            </div> -->\n        </mat-table>\n        <mat-card class=\"flex-1\" role=\"none\" *ngIf=\"dataSource.data.length == 0\">\n            <span class=\"mat-subtitle\">No data found</span>\n        </mat-card>\n    </div>\n    <mat-paginator [length]=\"pageLength\" [pageSize]=\"pageSize\" [pageSizeOptions]=\"pageSizeOptions\" showFirstLastButtons=\"true\"\n    (page)=\"onPageChange($event)\"> </mat-paginator>\n</div>\n\n<mat-menu #cardMenu=\"matMenu\">\n    <ng-template matMenuContent let-rowData=\"data\">\n        <!-- <div > -->\n        <button (click)=\"buttonClick('editInfo',rowData)\" mat-menu-item name=\"channel-analytics-button\"\n            class=\"ws-mat-primary-text\" i18n-aria-label aria-label=\"Analytics\"\n            *ngIf=\"rowData.allowEditUser && showEditOnCondition\">\n            <mat-icon>edit</mat-icon> <span>Edit Info</span>\n        </button>\n        <button (click)=\"buttonClick('editInfo',rowData)\" mat-menu-item name=\"channel-analytics-button\"\n            class=\"ws-mat-primary-text\" i18n-aria-label aria-label=\"Analytics\" *ngIf=\"!showEditOnCondition\">\n            <mat-icon>edit</mat-icon> <span>Edit Info</span>\n        </button>\n        <button (click)=\"buttonClick('showOnKarma',rowData)\" mat-menu-item name=\"channel-analytics-button\"\n            class=\"ws-mat-primary-text\" i18n-aria-label aria-label=\"Analytics\">\n            <mat-icon>input</mat-icon> <span>Show on Karmayogi</span>\n        </button>\n        <!-- </div> -->\n        <!-- <div mat-menu-item> -->\n        <!-- <button (click)=\"rowData && rowData.blocked ? buttonClick('unblock',rowData): buttonClick('block',rowData)\"\n            mat-menu-item name=\"channel-analytics-button\" class=\"ws-mat-primary-text\" i18n-aria-label\n            aria-label=\"Analytics\">\n            <mat-icon>block</mat-icon><span>{{rowData && rowData.blocked ? 'Unblock user':'Block user' }}</span>\n        </button> -->\n        <!-- </div> -->\n        <!-- <div mat-menu-item> -->\n        <button *ngIf=\"userId != rowData.userId\"\n            (click)=\"rowData && rowData.active ? buttonClick('deactive',rowData): buttonClick('active',rowData)\"\n            mat-menu-item name=\"channel-analytics-button\" class=\"ws-mat-primary-text\" i18n-aria-label\n            aria-label=\"Analytics\">\n            <mat-icon>toggle_off_sharp</mat-icon>\n            <span>{{rowData && rowData.active? 'Deactivate user':'Activate user'}}</span>\n        </button>\n    </ng-template>\n</mat-menu>",
+                        styles: [".card-minimal-container{position:relative}.card-minimal-container .card-link{width:265px;height:150px;display:block}.card-minimal-container .card-link .card-thumbnail{object-fit:contain;width:100%;height:100%}.card-minimal-container .card-overlay{position:absolute;bottom:4px;background-color:rgba(0,0,0,.55);color:#fff;padding:4px 12px;box-sizing:border-box;width:100%}.card-minimal-container .card-overlay .card-title{margin-bottom:-6px}.status-danger{width:16px;height:16px;position:absolute;border-radius:50%;top:16px;left:16px;pointer-events:auto;cursor:pointer;background:#ce3939}.card-space-saving-container{position:relative;width:265px;height:100%;box-sizing:border-box}.card-space-saving-container .progress-bar{display:block;width:calc(100% + 32px);margin-left:-16px;margin-top:-16px}.card-space-saving-container mat-card-content{margin:0 -4px;min-height:120px}.card-space-saving-container .card-img{height:150px;display:block}.card-space-saving-container .card-header-meta{margin-top:8px}.card-space-saving-container .title-text{display:block;margin:12px 0}.card-space-saving-container .flip-desc-text{position:relative;overflow:hidden;line-height:1.4em;height:5.6em;margin-bottom:36px}.card-space-saving-container .flip-actions{position:absolute;bottom:0;left:0;width:100%;padding:12px;box-sizing:border-box}.card-space-saving-container .flip-actions .source-name{margin-bottom:0;font-weight:400}.card-ford-container{padding:16px 16px 0;position:relative;width:220px;height:243px;overflow:hidden;box-sizing:border-box}.card-ford-container .progress-bar{display:block;width:calc(100% + 32px);margin-left:-16px;margin-top:-16px}.card-ford-container mat-card-content{margin:160px}.card-ford-container .card-img{height:125px;display:block;object-fit:contain}@media only screen and (max-width:599px){.card-ford-container{width:200px;height:240px}.card-ford-container .card-img{height:115px}}.card-ford-container .complexity{display:flex;font-size:14px}.card-ford-container .duration{height:1.6em;display:flex}.card-ford-container .duration .resource-type{order:3;margin-left:auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-ford-container .duration .duration-time{order:2;margin-left:auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-ford-container .title-text{margin:12px 0;position:relative;overflow:hidden;height:1.3em;line-height:1.3em;text-overflow:ellipsis;white-space:nowrap}.card-ford-container .mode-tag{border-radius:5px;color:#fff}.card-ford-container .description-text{position:relative;overflow:hidden;height:4.2em;line-height:1.4em}.card-ford-container .mat-chip-list-wrapper{padding:8px 0 16px!important}.card-ford-container .text-description-trim{overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:9;display:-webkit-box;-webkit-box-orient:vertical;text-align:justify}.card-standard-container{position:relative;width:268px;height:100%;min-height:346px;border-radius:8px;box-sizing:border-box;box-shadow:0 10px 30px #99999933}.card-standard-container .progress-bar{display:block;width:calc(100% + 30px);margin-left:-15px;display:flex;margin-top:62px;background:bisque}.card-standard-container .source-div{position:relative;top:100px;background:#fff;z-index:3;border:1px solid #dedfe0;min-width:72px;min-height:72px;max-width:72px;max-height:72px;display:flex;border-radius:8px}.card-standard-container .source-div .source-icon{border-radius:8px;display:block;margin:auto;max-width:58px;max-height:-webkit-fill-available}.card-standard-container mat-card-content{margin:0 -4px}.card-standard-container .card-img{min-width:269px;max-width:269px;display:block;object-fit:contain;border-top-left-radius:8px;border-top-right-radius:8px}.card-standard-container .complexity{padding-top:7px;display:flex;font-size:14px;line-height:27px;padding-bottom:10px}.card-standard-container .complexity .mode-tag{border-radius:5px;order:2;margin-left:auto;color:#fff;font-size:10px}.card-standard-container .complexity .duration{display:flex;margin-left:auto;order:3}.card-standard-container .complexity .time-text{margin:0 5px 0 6px}.card-standard-container .basic{margin:auto 0}.card-standard-container .title-text{margin:12px 0;position:relative;overflow:hidden;height:3.78em;line-height:1.89em}.card-standard-container .description-text{position:relative;overflow:hidden;height:5.7em;line-height:1.9em}.card-discussions-container{flex:1;display:flex;position:relative;height:100%;min-height:140px;border-radius:8px;box-sizing:border-box;box-shadow:0 10px 30px #99999933}.card-discussions-container .progress-bar{display:block;width:calc(100% + 30px);margin-left:-15px;display:flex;margin-top:62px;background:bisque}.card-discussions-container .source-div{position:relative;top:100px;background:#fff;z-index:3;border:1px solid #dedfe0;min-width:72px;min-height:72px;max-width:72px;max-height:72px;display:flex;border-radius:8px}.card-discussions-container .source-div .source-icon{border-radius:8px;display:block;margin:auto;max-width:58px;max-height:-webkit-fill-available}.card-discussions-container mat-card-content{margin:0 -4px;flex:1}.card-discussions-container .card-img{min-width:269px;max-width:269px;display:block;object-fit:contain;border-top-left-radius:8px;border-top-right-radius:8px}.card-discussions-container .complexity{padding-top:7px;display:flex;font-size:14px;line-height:27px;padding-bottom:10px}.card-discussions-container .complexity .mode-tag{border-radius:5px;order:2;margin-left:auto;color:#fff;font-size:10px}.card-discussions-container .complexity .duration{display:flex;margin-left:auto;order:3}.card-discussions-container .complexity .time-text{margin:0 5px 0 6px}.card-discussions-container .basic{margin:auto 0}.card-discussions-container .title-text{overflow:hidden}.card-discussions-container .description-text{position:relative;overflow:hidden;height:auto;line-height:1.9em}.card-basic-infomartion-container{position:relative;width:265px;height:100%;box-sizing:border-box;min-height:300px}.card-basic-infomartion-container .card-img{height:150px;display:block;margin-bottom:0!important;object-fit:contain}.card-basic-infomartion-container .source-name{margin-bottom:0;font-weight:400;line-height:1.25rem!important}.card-basic-infomartion-container .title-text{margin:12px 0 0;position:relative;overflow:hidden;height:2.6em;line-height:1.3em}.card-basic-infomartion-container .source-image{object-fit:contain;height:35px;width:55px;overflow:auto}.card-with-user-details-container{position:relative;width:265px;height:100%;box-sizing:border-box;min-height:270px}.card-with-user-details-container .card-img{height:150px;display:block;margin-bottom:0!important;object-fit:contain}.card-with-user-details-container .source-name{margin-bottom:0;font-weight:400}.card-with-user-details-container .title-text{margin:12px 0 0;position:relative;overflow:hidden;height:2.6em;line-height:1.3em}.card-with-user-details-container .author-image{margin-right:12px;height:44px;width:44px}.card-with-user-details-container .back-color{background-color:#7e0a80}.card-with-user-details-container .space-0{margin-top:0!important;padding-top:0!important;margin-bottom:0!important}.detail-button{position:absolute;top:12px;right:12px;z-index:1}.greyOut{filter:grayscale(1);opacity:.7;cursor:auto!important}.disableClick{pointer-events:none}.display-contents{display:contents}.title-truncate{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.typeofc{width:101px;height:30px;border:1px solid;border-radius:8px;opacity:.4;align-items:center;justify-content:center;display:flex}.flex-9{flex:9}.center-right{align-items:center;justify-content:flex-end}.no-box{box-shadow:none!important}.table1{width:100%;display:flex;flex-direction:column}.textclass{word-break:break-word;margin:5px;cursor:pointer}.search{display:flex;flex:1}.lsearch{display:flex;flex:3}.rsearch{display:flex;position:relative;flex:1 1 auto}.sinput{width:45%;border-radius:4px;border:1px solid #d5d0d0;padding:9px 9px 9px 35px;margin-bottom:20px;margin-top:0;font:400 14px Lato}.searchText{display:flex;flex-direction:row-reverse;margin:23px 0 0 auto}.action-btn{border:none;background:0 0}mat-header-row{min-height:40px}.mat-header-cell{background-color:#f5f5f5}.container-balanced{max-width:99%;margin-left:auto!important;margin-right:auto!important}.flex-3{flex:3}.flex-1{flex:1}.flex-2{flex:2}.flex-4{flex:4}.flex-update{flex-direction:row}@media only screen and (max-width:599px){.card-ford-container .text-description-trim{-webkit-line-clamp:8}.flex-update{flex-direction:row}}.flex-custom{display:flex;flex-direction:column}@media only screen and (max-width:599px){.flex-custom-m{flex-direction:column}}.right-align{text-align:right}.create-btn{width:107px;background:#0075b7!important;color:#fff!important;font-family:Lato;font-weight:700;font-size:14px}.upload-btn{border:1px solid #dedede;border-radius:4px;margin:0 12px;color:#848484!important;font-family:Lato;font-weight:700;font-size:14px}.search-icon{position:absolute;top:9px;font-size:20px;left:10px}.example-container{display:flex;flex-direction:column;flex:1}.linkTextColor{color:#0074b6!important}.pb-image{height:40px;width:64px;margin:10px 8px 10px 0}"]
+                    }] }
+        ];
+        OrgUserTableV2Component.ctorParameters = function () { return [
+            { type: core.ChangeDetectorRef }
+        ]; };
+        OrgUserTableV2Component.propDecorators = {
+            tableData: [{ type: core.Input }],
+            data: [{ type: core.Input }],
+            isUpload: [{ type: core.Input }],
+            isCreate: [{ type: core.Input }],
+            isDownload: [{ type: core.Input }],
+            isConsumptionReport: [{ type: core.Input }],
+            userId: [{ type: core.Input }],
+            clicked: [{ type: core.Output }],
+            actionsClick: [{ type: core.Output }],
+            eOnRowClick: [{ type: core.Output }],
+            eOnButtonClick: [{ type: core.Output }],
+            searchByEnterKey: [{ type: core.Output }],
+            pageChangeClick: [{ type: core.Output }],
+            showEditOnCondition: [{ type: core.Input }],
+            isSearchBar: [{ type: core.Input }],
+            paginationv1: [{ type: core.Input }],
+            paginationv2: [{ type: core.Input }],
+            totalRecords: [{ type: core.Input }],
+            paginator: [{ type: core.ViewChild, args: [material.MatPaginator, { static: false },] }],
+            matPaginator: [{ type: core.ViewChild, args: [material.MatPaginator, { static: false },] }],
+            matSort: [{ type: core.ViewChild, args: [sort.MatSort, { static: false },] }]
+        };
+        return OrgUserTableV2Component;
+    }());
+    if (false) {
+        OrgUserTableV2Component.prototype.tableData;
+        OrgUserTableV2Component.prototype.data;
+        OrgUserTableV2Component.prototype.isUpload;
+        OrgUserTableV2Component.prototype.isCreate;
+        OrgUserTableV2Component.prototype.isDownload;
+        OrgUserTableV2Component.prototype.isConsumptionReport;
+        OrgUserTableV2Component.prototype.userId;
+        OrgUserTableV2Component.prototype.clicked;
+        OrgUserTableV2Component.prototype.actionsClick;
+        OrgUserTableV2Component.prototype.eOnRowClick;
+        OrgUserTableV2Component.prototype.eOnButtonClick;
+        OrgUserTableV2Component.prototype.searchByEnterKey;
+        OrgUserTableV2Component.prototype.pageChangeClick;
+        OrgUserTableV2Component.prototype.showEditOnCondition;
+        OrgUserTableV2Component.prototype.isSearchBar;
+        OrgUserTableV2Component.prototype.paginationv1;
+        OrgUserTableV2Component.prototype.paginationv2;
+        OrgUserTableV2Component.prototype.bodyHeight;
+        OrgUserTableV2Component.prototype.displayedColumns;
+        OrgUserTableV2Component.prototype.dataSource;
+        OrgUserTableV2Component.prototype.widgetData;
+        OrgUserTableV2Component.prototype.pageLength;
+        OrgUserTableV2Component.prototype.pageSize;
+        OrgUserTableV2Component.prototype.pageSizeOptions;
+        OrgUserTableV2Component.prototype.totalRecords;
+        OrgUserTableV2Component.prototype.paginator;
+        OrgUserTableV2Component.prototype.selection;
+        OrgUserTableV2Component.prototype.changeDetector;
+    }
     var UIORGTableModule = (function () {
         function UIORGTableModule() {
         }
         UIORGTableModule.decorators = [
             { type: core.NgModule, args: [{
-                        declarations: [OrgUserTableComponent],
+                        declarations: [OrgUserTableComponent, OrgUserTableV2Component],
                         imports: [
                             common.CommonModule,
                             table.MatTableModule,
@@ -22642,7 +22837,7 @@
                             material.MatCardModule,
                             AppButtonModule,
                         ],
-                        exports: [OrgUserTableComponent],
+                        exports: [OrgUserTableComponent, OrgUserTableV2Component],
                     },] }
         ];
         return UIORGTableModule;
@@ -25240,22 +25435,23 @@
     exports.ɵhc = AppButtonComponent;
     exports.ɵhd = LeftMenuComponent;
     exports.ɵhe = OrgUserTableComponent;
-    exports.ɵhf = BreadcrumbsOrgComponent;
-    exports.ɵhg = CompletionSpinnerComponent;
-    exports.ɵhh = DisplayContentTypeIconComponent;
-    exports.ɵhi = DisplayContentsComponent;
-    exports.ɵhj = EmailInputComponent;
-    exports.ɵhk = LocaleTranslatorComponent;
-    exports.ɵhl = PlayerBriefComponent;
-    exports.ɵhm = UserContentRatingComponent;
-    exports.ɵhn = StickyHeaderComponent;
-    exports.ɵho = ContentPickerV2Component;
-    exports.ɵhp = ContentPickerV2Service;
-    exports.ɵhq = SearchInputComponent;
-    exports.ɵhr = FiltersComponent;
-    exports.ɵhs = LeftMenuWithoutLogoComponent;
-    exports.ɵht = GroupCheckboxComponent;
-    exports.ɵhu = ScrollspyLeftMenuComponent;
+    exports.ɵhf = OrgUserTableV2Component;
+    exports.ɵhg = BreadcrumbsOrgComponent;
+    exports.ɵhh = CompletionSpinnerComponent;
+    exports.ɵhi = DisplayContentTypeIconComponent;
+    exports.ɵhj = DisplayContentsComponent;
+    exports.ɵhk = EmailInputComponent;
+    exports.ɵhl = LocaleTranslatorComponent;
+    exports.ɵhm = PlayerBriefComponent;
+    exports.ɵhn = UserContentRatingComponent;
+    exports.ɵho = StickyHeaderComponent;
+    exports.ɵhp = ContentPickerV2Component;
+    exports.ɵhq = ContentPickerV2Service;
+    exports.ɵhr = SearchInputComponent;
+    exports.ɵhs = FiltersComponent;
+    exports.ɵht = LeftMenuWithoutLogoComponent;
+    exports.ɵhu = GroupCheckboxComponent;
+    exports.ɵhv = ScrollspyLeftMenuComponent;
     exports.ɵi = TreeComponent;
     exports.ɵj = BtnChannelAnalyticsComponent;
     exports.ɵk = BtnContentDownloadComponent;