@pepperi-addons/ngx-composite-lib 0.0.4 → 0.0.8

package/fesm2015/pepperi-addons-ngx-composite-lib-generic-list.js

@@ -0,0 +1,222 @@
+import * as i0 from '@angular/core';
+import { EventEmitter, Component, ViewChild, Input, Output, NgModule } from '@angular/core';
+import * as i7 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import { __awaiter } from 'tslib';
+import * as i1 from '@pepperi-addons/ngx-lib';
+import { PepRowData, PepGuid, PepNgxLibModule } from '@pepperi-addons/ngx-lib';
+import * as i5 from '@pepperi-addons/ngx-lib/list';
+import { PepListComponent, PepListModule } from '@pepperi-addons/ngx-lib/list';
+import { DataViewFieldTypes } from '@pepperi-addons/papi-sdk/dist/entities/data-view';
+import * as i2 from '@ngx-translate/core';
+import * as i3 from '@pepperi-addons/ngx-lib/page-layout';
+import { PepPageLayoutModule } from '@pepperi-addons/ngx-lib/page-layout';
+import * as i4 from '@pepperi-addons/ngx-lib/top-bar';
+import { PepTopBarModule } from '@pepperi-addons/ngx-lib/top-bar';
+import * as i6 from '@pepperi-addons/ngx-lib/search';
+import { PepSearchModule } from '@pepperi-addons/ngx-lib/search';
+import { PepFormModule } from '@pepperi-addons/ngx-lib/form';
+import { PepMenuModule } from '@pepperi-addons/ngx-lib/menu';
+
+class GenericListComponent {
+    // PepScreenSizeType = PepScreenSizeType;
+    // screenSize: PepScreenSizeType;
+    constructor(dataConvertorService, layoutService, translate) {
+        this.dataConvertorService = dataConvertorService;
+        this.layoutService = layoutService;
+        this.translate = translate;
+        this.dataObjects = [];
+        this.searchString = '';
+        this.addPadding = false;
+        this.title = '';
+        this.inline = false;
+        this.showSearch = false;
+        this.allowSelection = true;
+        this.noDataMessage = "No data";
+        this.allowMultipleSelection = false;
+        this.fieldClick = new EventEmitter();
+        // @Output()
+        // onAddClicked = new EventEmitter<void>();
+        this.menuHandlers = {};
+        this.menuActions = [];
+        this.layoutService.onResize$.pipe().subscribe((size) => {
+            // this.screenSize = size;
+        });
+    }
+    loadMenuItems() {
+        if (this.allowSelection) {
+            this.getMenuActions().then(x => this.menuActions = x);
+        }
+    }
+    convertToPepRowData(object, dataView) {
+        const row = new PepRowData();
+        row.Fields = [];
+        if ((dataView === null || dataView === void 0 ? void 0 : dataView.Fields) && dataView.Columns) {
+            for (let index = 0; index < dataView.Fields.length; index++) {
+                let field = dataView.Fields[index];
+                row.Fields.push({
+                    ApiName: field.FieldID,
+                    Title: this.translate.instant(field.Title),
+                    XAlignment: 1,
+                    FormattedValue: (object[field.FieldID] || '').toString(),
+                    Value: (object[field.FieldID] || '').toString(),
+                    ColumnWidth: dataView.Columns[index].Width,
+                    AdditionalValue: '',
+                    OptionalValues: [],
+                    FieldType: DataViewFieldTypes[field.Type],
+                    ReadOnly: field.ReadOnly,
+                    Enabled: !field.ReadOnly
+                });
+            }
+        }
+        return row;
+    }
+    getMenuActions() {
+        var _a;
+        return __awaiter(this, void 0, void 0, function* () {
+            const actions = yield ((_a = this.dataSource) === null || _a === void 0 ? void 0 : _a.getActions(this.getMenuObjects()));
+            const res = [];
+            this.menuHandlers = {};
+            actions === null || actions === void 0 ? void 0 : actions.forEach(item => {
+                const uuid = PepGuid.newGuid();
+                this.menuHandlers[uuid] = item.handler;
+                res.push({
+                    key: uuid,
+                    text: item.title
+                });
+            });
+            return res;
+        });
+    }
+    getMenuObjects() {
+        var _a, _b, _c;
+        let uuids = (_b = (_a = this.customList) === null || _a === void 0 ? void 0 : _a.getSelectedItemsData().rows) !== null && _b !== void 0 ? _b : [];
+        if ((_c = this.customList) === null || _c === void 0 ? void 0 : _c.getIsAllSelectedForActions()) {
+            uuids = this.dataObjects.map(obj => obj.UID).filter(x => uuids.indexOf(x) != -1);
+        }
+        const objects = uuids.map(uuid => this.getObject(uuid));
+        return objects;
+    }
+    getObject(uuid) {
+        return this.dataObjects.find(obj => obj.UID === uuid);
+    }
+    ngOnInit() {
+    }
+    ngAfterViewInit() {
+        this.reload();
+    }
+    onMenuItemClicked(action) {
+        this.menuHandlers[action.source.key](this.getMenuObjects());
+    }
+    onSearchChanged(event) {
+        this.searchString = event.value;
+        this.reload();
+    }
+    reload() {
+        return __awaiter(this, void 0, void 0, function* () {
+            if (this.customList && this.dataSource) {
+                this.dataObjects = yield this.dataSource.getList({
+                    searchString: this.searchString
+                });
+                const dataView = yield this.dataSource.getDataView();
+                const tableData = this.dataObjects.map(x => this.convertToPepRowData(x, dataView));
+                const data = this.dataConvertorService.convertListData(tableData);
+                data.forEach((obj, i) => {
+                    this.dataObjects[i].UID = obj.UID;
+                });
+                const uiControl = this.dataConvertorService.getUiControl(tableData[0]);
+                this.customList.initListData(uiControl, data.length, data);
+                this.loadMenuItems();
+            }
+        });
+    }
+    selectedRowsChanged(selectedRowsCount) {
+        this.loadMenuItems();
+    }
+    onCustomizeFieldClick(fieldClickEvent) {
+        this.fieldClick.emit(fieldClickEvent);
+    }
+}
+GenericListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: GenericListComponent, deps: [{ token: i1.PepDataConvertorService }, { token: i1.PepLayoutService }, { token: i2.TranslateService }], target: i0.ɵɵFactoryTarget.Component });
+GenericListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.5", type: GenericListComponent, selector: "pep-generic-list", inputs: { dataSource: "dataSource", addPadding: "addPadding", title: "title", inline: "inline", showSearch: "showSearch", allowSelection: "allowSelection", noDataMessage: "noDataMessage", allowMultipleSelection: "allowMultipleSelection" }, outputs: { fieldClick: "fieldClick" }, viewQueries: [{ propertyName: "customList", first: true, predicate: PepListComponent, descendants: true }], ngImport: i0, template: "<div *ngIf=\"inline\" class=\"inline-container\" [ngClass]=\"{ 'add-padding': addPadding }\">\n    <div class=\"inline-top-bar-container\">\n        <ng-container *ngTemplateOutlet=\"topBarTemplate\"></ng-container>\n    </div>\n    <ng-container *ngTemplateOutlet=\"listTemplate\"></ng-container>\n</div>\n\n<pep-page-layout *ngIf=\"!inline\" [addPadding]=\"addPadding\">\n    <ng-container pep-top-area>\n        <ng-container *ngTemplateOutlet=\"topBarTemplate\"></ng-container>\n    </ng-container>\n\n    <div pep-main-area class=\"main-area-container\">\n        <ng-container *ngTemplateOutlet=\"listTemplate\"></ng-container>\n    </div>\n</pep-page-layout>\n    \n<ng-template #topBarTemplate>\n    <pep-top-bar [title]=\"title\" [inline]=\"inline\">\n        <div header-start-content>\n            <ng-content select=\"[left-buttons]\"></ng-content>\n        </div>\n        <div header-end-content>\n            <ng-content select=\"[right-buttons]\"></ng-content>\n        </div>\n        <pep-list-actions [sizeType]=\"inline ? 'sm' : 'md'\" [actions]=\"menuActions\" (actionClick)=\"onMenuItemClicked($event)\"></pep-list-actions>\n        <pep-list-total [sizeType]=\"inline ? 'sm' : 'md'\" [totalRows]=\"customList ? customList.totalRows : -1\"></pep-list-total>\n\n        <pep-search *ngIf=\"showSearch\" [sizeType]=\"inline ? 'sm' : 'md'\" (search)=\"onSearchChanged($event)\">\n        </pep-search>\n    </pep-top-bar>\n</ng-template>\n\n<ng-template #listTemplate>\n    <pep-list viewType=\"table\" [supportSorting]=\"false\"\n        [selectionTypeForActions]=\"allowMultipleSelection ? 'multi' : (allowSelection ? 'single' : 'none')\" [noDataFoundMsg]=\"noDataMessage\"\n        (fieldClick)=\"onCustomizeFieldClick($event)\"\n        (selectedItemsChange)=\"selectedRowsChanged($event)\">\n    </pep-list>\n</ng-template>", styles: [":host{height:inherit;display:block}.main-area-container{display:grid;height:inherit}.list-container{height:100%}.inline-container{height:inherit;display:grid;grid-template-rows:auto 1fr}.inline-container.add-padding{padding-inline:var(--pep-spacing-lg, 1rem)}.inline-container ::ng-deep .pep-top-bar-container.inline{height:auto;overflow:hidden}\n"], components: [{ type: i3.PepPageLayoutComponent, selector: "pep-page-layout", inputs: ["addPadding", "showShadow"] }, { type: i4.PepTopBarComponent, selector: "pep-top-bar", inputs: ["inline", "title"], outputs: ["footerStateChange"] }, { type: i5.PepListActionsComponent, selector: "pep-list-actions", inputs: ["actions", "sizeType", "xPosition", "hidden"], outputs: ["actionClick", "stateChange", "menuClick"] }, { type: i5.PepListTotalComponent, selector: "pep-list-total", inputs: ["totalRows", "totalAmount", "isMapView", "sizeType"] }, { type: i6.PepSearchComponent, selector: "pep-search", inputs: ["triggerOn", "autoCompleteTop", "shrinkInSmallScreen", "sizeType", "autoCompleteValues", "value", "searchControl", "useAsWebComponent"], outputs: ["search", "autocompleteChange", "stateChange"] }, { type: i5.PepListComponent, selector: "pep-list", inputs: ["noDataFoundMsg", "selectionTypeForActions", "showCardSelection", "hideAllSelectionInMulti", "cardSize", "firstFieldAsLink", "supportSorting", "supportResizing", "disabled", "lockItemInnerEvents", "printMode", "isReport", "totalsRow", "pagerType", "pageSize", "pageIndex", "scrollAnimationTime", "scrollDebounceTime", "scrollThrottlingTime", "viewType", "parentScroll", "lockEvents", "useAsWebComponent"], outputs: ["itemClick", "fieldClick", "valueChange", "sortingChange", "selectedItemsChange", "selectedItemChange", "selectAllClick", "listLoad", "loadItems", "loadPage", "startIndexChange"] }], directives: [{ type: i7.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i7.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i7.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: GenericListComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'pep-generic-list',
+                    templateUrl: './generic-list.component.html',
+                    styleUrls: ['./generic-list.component.scss'],
+                }]
+        }], ctorParameters: function () { return [{ type: i1.PepDataConvertorService }, { type: i1.PepLayoutService }, { type: i2.TranslateService }]; }, propDecorators: { customList: [{
+                type: ViewChild,
+                args: [PepListComponent]
+            }], dataSource: [{
+                type: Input
+            }], addPadding: [{
+                type: Input
+            }], title: [{
+                type: Input
+            }], inline: [{
+                type: Input
+            }], showSearch: [{
+                type: Input
+            }], allowSelection: [{
+                type: Input
+            }], noDataMessage: [{
+                type: Input
+            }], allowMultipleSelection: [{
+                type: Input
+            }], fieldClick: [{
+                type: Output
+            }] } });
+
+class PepGenericListModule {
+}
+PepGenericListModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: PepGenericListModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+PepGenericListModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: PepGenericListModule, declarations: [GenericListComponent], imports: [CommonModule,
+        PepNgxLibModule,
+        PepListModule,
+        PepFormModule,
+        PepMenuModule,
+        PepPageLayoutModule,
+        PepTopBarModule,
+        PepSearchModule], exports: [GenericListComponent] });
+PepGenericListModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: PepGenericListModule, imports: [[
+            CommonModule,
+            PepNgxLibModule,
+            PepListModule,
+            PepFormModule,
+            PepMenuModule,
+            PepPageLayoutModule,
+            PepTopBarModule,
+            PepSearchModule
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: PepGenericListModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        GenericListComponent
+                    ],
+                    imports: [
+                        CommonModule,
+                        PepNgxLibModule,
+                        PepListModule,
+                        PepFormModule,
+                        PepMenuModule,
+                        PepPageLayoutModule,
+                        PepTopBarModule,
+                        PepSearchModule
+                    ],
+                    exports: [GenericListComponent],
+                }]
+        }] });
+
+/*
+ * Public API Surface of ngx-composite-lib/generic-list
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { GenericListComponent, PepGenericListModule };
+//# sourceMappingURL=pepperi-addons-ngx-composite-lib-generic-list.js.map

package/fesm2015/pepperi-addons-ngx-composite-lib-generic-list.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pepperi-addons-ngx-composite-lib-generic-list.js","sources":["../../../projects/ngx-composite-lib/generic-list/generic-list.component.ts","../../../projects/ngx-composite-lib/generic-list/generic-list.component.html","../../../projects/ngx-composite-lib/generic-list/generic-list.module.ts","../../../projects/ngx-composite-lib/generic-list/public-api.ts","../../../projects/ngx-composite-lib/generic-list/pepperi-addons-ngx-composite-lib-generic-list.ts"],"sourcesContent":["import {\n    Component,\n    OnInit,\n    AfterViewInit,\n    ViewChild,\n    Input,\n    Output,\n    EventEmitter,\n} from '@angular/core';\nimport { TranslateService } from '@ngx-translate/core';\nimport {\n    PepDataConvertorService,\n    PepLayoutService,\n    PepRowData,\n    PepScreenSizeType,\n    PepGuid,\n  } from '@pepperi-addons/ngx-lib';\nimport { IPepFormFieldClickEvent } from '@pepperi-addons/ngx-lib/form';\nimport {\n    PepListComponent\n} from '@pepperi-addons/ngx-lib/list';\nimport {\n    PepMenuItem,\n    IPepMenuItemClickEvent,\n} from '@pepperi-addons/ngx-lib/menu';\nimport { IPepSearchClickEvent } from '@pepperi-addons/ngx-lib/search';\n  \nimport { GridDataViewField, DataViewFieldTypes, GridDataView } from '@pepperi-addons/papi-sdk/dist/entities/data-view';\nimport { GenericListDataSource } from './generic-list.model';\n\nimport * as tween from '@tweenjs/tween.js'\n\n@Component({\n    selector: 'pep-generic-list',\n    templateUrl: './generic-list.component.html',\n    styleUrls: ['./generic-list.component.scss'],\n})\nexport class GenericListComponent implements OnInit, AfterViewInit {\n    @ViewChild(PepListComponent) customList: PepListComponent | undefined;\n    \n    @Input()\n    dataSource: GenericListDataSource | undefined;\n    dataObjects: any[] = []\n  \n    searchString: string = '';\n  \n    @Input()\n    addPadding: boolean = false;\n\n    @Input()\n    title: string = '';\n  \n    @Input()\n    inline: boolean = false;\n  \n    @Input()\n    showSearch: boolean = false;\n  \n    @Input()\n    allowSelection: boolean = true;\n  \n    @Input()\n    noDataMessage: string = \"No data\";\n  \n    @Input()\n    allowMultipleSelection: boolean = false;\n  \n    @Output()\n    fieldClick: EventEmitter<IPepFormFieldClickEvent> = new EventEmitter<IPepFormFieldClickEvent>();\n\n    // @Output()\n    // onAddClicked = new EventEmitter<void>();\n\n    menuHandlers: { [key: string]: (obj: any) => Promise<void> } = {};\n    menuActions: Array<PepMenuItem> = [];\n    // PepScreenSizeType = PepScreenSizeType;\n    // screenSize: PepScreenSizeType;\n  \n    constructor(\n        private dataConvertorService: PepDataConvertorService,\n        private layoutService: PepLayoutService,\n        private translate: TranslateService\n    ) {\n        this.layoutService.onResize$.pipe().subscribe((size) => {\n            // this.screenSize = size;\n        });\n    }\n  \n    private loadMenuItems(): void {\n        if (this.allowSelection) {\n            this.getMenuActions().then(x => this.menuActions = x);\n        }\n    }\n  \n    private convertToPepRowData(object: any, dataView: GridDataView) {\n        const row = new PepRowData();\n        row.Fields = [];\n\n        if (dataView?.Fields && dataView.Columns) {\n            for (let index = 0; index < dataView.Fields.length; index++) {\n                let field = dataView.Fields[index] as GridDataViewField\n                row.Fields.push({\n                    ApiName: field.FieldID,\n                    Title: this.translate.instant(field.Title),\n                    XAlignment: 1,\n                    FormattedValue: (object[field.FieldID] || '').toString(),\n                    Value: (object[field.FieldID] || '').toString(),\n                    ColumnWidth: dataView.Columns[index].Width,\n                    AdditionalValue: '',\n                    OptionalValues: [],\n                    FieldType: DataViewFieldTypes[field.Type],\n                    ReadOnly: field.ReadOnly,\n                    Enabled: !field.ReadOnly\n                })\n            }\n        }\n        return row;\n    }\n  \n    private async getMenuActions(): Promise<PepMenuItem[]> {\n        const actions = await this.dataSource?.getActions(this.getMenuObjects());\n        const res: PepMenuItem[] = []\n        this.menuHandlers = {};\n    \n        actions?.forEach(item => {\n            const uuid = PepGuid.newGuid();\n            this.menuHandlers[uuid] = item.handler;\n            res.push({\n                key: uuid,\n                text: item.title\n            })\n        })\n  \n        return res;\n    }\n  \n    private getMenuObjects() {\n        let uuids = this.customList?.getSelectedItemsData().rows ?? [];\n        if (this.customList?.getIsAllSelectedForActions()) {\n            uuids = this.dataObjects.map(obj => obj.UID).filter(x => uuids.indexOf(x) != -1);\n        }\n        const objects = uuids.map(uuid => this.getObject(uuid))\n        return objects;\n    }\n  \n    private getObject(uuid: string) {\n        return this.dataObjects.find(obj => obj.UID === uuid);\n    }\n    \n    ngOnInit() {\n    }\n  \n    ngAfterViewInit(): void {\n        this.reload();\n    }\n  \n    onMenuItemClicked(action: IPepMenuItemClickEvent): void {\n        this.menuHandlers[action.source.key](this.getMenuObjects());\n    }\n  \n    onSearchChanged(event: IPepSearchClickEvent) {\n        this.searchString = event.value\n        this.reload();\n    }\n  \n    async reload() {\n        if (this.customList && this.dataSource) {\n            this.dataObjects = await this.dataSource.getList({\n              searchString: this.searchString\n            });\n            const dataView = await this.dataSource.getDataView();\n            const tableData = this.dataObjects.map(x => this.convertToPepRowData(x, dataView));\n            const data = this.dataConvertorService.convertListData(tableData);\n            data.forEach((obj, i) => {\n              this.dataObjects[i].UID = obj.UID;\n            })\n            const uiControl = this.dataConvertorService.getUiControl(tableData[0]);\n            this.customList.initListData(uiControl, data.length, data);\n          \n            this.loadMenuItems();\n        }\n    }\n\n    selectedRowsChanged(selectedRowsCount: number) {\n        this.loadMenuItems();\n    }\n\n    onCustomizeFieldClick(fieldClickEvent: IPepFormFieldClickEvent) {\n        this.fieldClick.emit(fieldClickEvent);\n    }\n  \n}\n  ","<div *ngIf=\"inline\" class=\"inline-container\" [ngClass]=\"{ 'add-padding': addPadding }\">\n    <div class=\"inline-top-bar-container\">\n        <ng-container *ngTemplateOutlet=\"topBarTemplate\"></ng-container>\n    </div>\n    <ng-container *ngTemplateOutlet=\"listTemplate\"></ng-container>\n</div>\n\n<pep-page-layout *ngIf=\"!inline\" [addPadding]=\"addPadding\">\n    <ng-container pep-top-area>\n        <ng-container *ngTemplateOutlet=\"topBarTemplate\"></ng-container>\n    </ng-container>\n\n    <div pep-main-area class=\"main-area-container\">\n        <ng-container *ngTemplateOutlet=\"listTemplate\"></ng-container>\n    </div>\n</pep-page-layout>\n    \n<ng-template #topBarTemplate>\n    <pep-top-bar [title]=\"title\" [inline]=\"inline\">\n        <div header-start-content>\n            <ng-content select=\"[left-buttons]\"></ng-content>\n        </div>\n        <div header-end-content>\n            <ng-content select=\"[right-buttons]\"></ng-content>\n        </div>\n        <pep-list-actions [sizeType]=\"inline ? 'sm' : 'md'\" [actions]=\"menuActions\" (actionClick)=\"onMenuItemClicked($event)\"></pep-list-actions>\n        <pep-list-total [sizeType]=\"inline ? 'sm' : 'md'\" [totalRows]=\"customList ? customList.totalRows : -1\"></pep-list-total>\n\n        <pep-search *ngIf=\"showSearch\" [sizeType]=\"inline ? 'sm' : 'md'\" (search)=\"onSearchChanged($event)\">\n        </pep-search>\n    </pep-top-bar>\n</ng-template>\n\n<ng-template #listTemplate>\n    <pep-list viewType=\"table\" [supportSorting]=\"false\"\n        [selectionTypeForActions]=\"allowMultipleSelection ? 'multi' : (allowSelection ? 'single' : 'none')\" [noDataFoundMsg]=\"noDataMessage\"\n        (fieldClick)=\"onCustomizeFieldClick($event)\"\n        (selectedItemsChange)=\"selectedRowsChanged($event)\">\n    </pep-list>\n</ng-template>","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { GenericListComponent } from './generic-list.component';\nimport { PepNgxLibModule } from '@pepperi-addons/ngx-lib';\nimport { PepListModule } from '@pepperi-addons/ngx-lib/list';\nimport { PepFormModule } from '@pepperi-addons/ngx-lib/form';\nimport { PepMenuModule } from '@pepperi-addons/ngx-lib/menu';\nimport { PepPageLayoutModule } from '@pepperi-addons/ngx-lib/page-layout';\nimport { PepTopBarModule } from '@pepperi-addons/ngx-lib/top-bar';\nimport { PepSearchModule } from '@pepperi-addons/ngx-lib/search';\n\n@NgModule({\n    declarations: [\n        GenericListComponent\n    ],\n    imports: [\n        CommonModule,\n        PepNgxLibModule,\n        PepListModule,\n        PepFormModule,\n        PepMenuModule,\n        PepPageLayoutModule,\n        PepTopBarModule,\n        PepSearchModule\n    ],\n    exports: [GenericListComponent],\n})\nexport class PepGenericListModule { }\n","/*\n * Public API Surface of ngx-composite-lib/generic-list\n */\nexport * from './generic-list.module';\nexport * from './generic-list.component';\nexport * from './generic-list.model';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/generic-list/generic-list.component.d.ts

@@ -0,0 +1,45 @@
+import { OnInit, AfterViewInit, EventEmitter } from '@angular/core';
+import { TranslateService } from '@ngx-translate/core';
+import { PepDataConvertorService, PepLayoutService } from '@pepperi-addons/ngx-lib';
+import { IPepFormFieldClickEvent } from '@pepperi-addons/ngx-lib/form';
+import { PepListComponent } from '@pepperi-addons/ngx-lib/list';
+import { PepMenuItem, IPepMenuItemClickEvent } from '@pepperi-addons/ngx-lib/menu';
+import { IPepSearchClickEvent } from '@pepperi-addons/ngx-lib/search';
+import { GenericListDataSource } from './generic-list.model';
+import * as i0 from "@angular/core";
+export declare class GenericListComponent implements OnInit, AfterViewInit {
+    private dataConvertorService;
+    private layoutService;
+    private translate;
+    customList: PepListComponent | undefined;
+    dataSource: GenericListDataSource | undefined;
+    dataObjects: any[];
+    searchString: string;
+    addPadding: boolean;
+    title: string;
+    inline: boolean;
+    showSearch: boolean;
+    allowSelection: boolean;
+    noDataMessage: string;
+    allowMultipleSelection: boolean;
+    fieldClick: EventEmitter<IPepFormFieldClickEvent>;
+    menuHandlers: {
+        [key: string]: (obj: any) => Promise<void>;
+    };
+    menuActions: Array<PepMenuItem>;
+    constructor(dataConvertorService: PepDataConvertorService, layoutService: PepLayoutService, translate: TranslateService);
+    private loadMenuItems;
+    private convertToPepRowData;
+    private getMenuActions;
+    private getMenuObjects;
+    private getObject;
+    ngOnInit(): void;
+    ngAfterViewInit(): void;
+    onMenuItemClicked(action: IPepMenuItemClickEvent): void;
+    onSearchChanged(event: IPepSearchClickEvent): void;
+    reload(): Promise<void>;
+    selectedRowsChanged(selectedRowsCount: number): void;
+    onCustomizeFieldClick(fieldClickEvent: IPepFormFieldClickEvent): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<GenericListComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GenericListComponent, "pep-generic-list", never, { "dataSource": "dataSource"; "addPadding": "addPadding"; "title": "title"; "inline": "inline"; "showSearch": "showSearch"; "allowSelection": "allowSelection"; "noDataMessage": "noDataMessage"; "allowMultipleSelection": "allowMultipleSelection"; }, { "fieldClick": "fieldClick"; }, never, ["[left-buttons]", "[right-buttons]"]>;
+}

package/generic-list/generic-list.model.d.ts

@@ -0,0 +1,11 @@
+import { GridDataView } from '@pepperi-addons/papi-sdk/dist/entities/data-view';
+export interface GenericListDataSource {
+    getList(state: {
+        searchString: string;
+    }): Promise<any[]>;
+    getDataView(): Promise<GridDataView>;
+    getActions(objs: any[]): Promise<{
+        title: string;
+        handler: (obj: any) => Promise<void>;
+    }[]>;
+}

package/generic-list/generic-list.module.d.ts

@@ -0,0 +1,15 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./generic-list.component";
+import * as i2 from "@angular/common";
+import * as i3 from "@pepperi-addons/ngx-lib";
+import * as i4 from "@pepperi-addons/ngx-lib/list";
+import * as i5 from "@pepperi-addons/ngx-lib/form";
+import * as i6 from "@pepperi-addons/ngx-lib/menu";
+import * as i7 from "@pepperi-addons/ngx-lib/page-layout";
+import * as i8 from "@pepperi-addons/ngx-lib/top-bar";
+import * as i9 from "@pepperi-addons/ngx-lib/search";
+export declare class PepGenericListModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<PepGenericListModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<PepGenericListModule, [typeof i1.GenericListComponent], [typeof i2.CommonModule, typeof i3.PepNgxLibModule, typeof i4.PepListModule, typeof i5.PepFormModule, typeof i6.PepMenuModule, typeof i7.PepPageLayoutModule, typeof i8.PepTopBarModule, typeof i9.PepSearchModule], [typeof i1.GenericListComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<PepGenericListModule>;
+}

package/generic-list/package.json

@@ -0,0 +1,14 @@
+{
+  "peerDependencies": {
+    "@pepperi-addons/ngx-lib": "^0.2.56",
+    "@tweenjs/tween.js": "^17.1.1"
+  },
+  "main": "../bundles/pepperi-addons-ngx-composite-lib-generic-list.umd.js",
+  "module": "../fesm2015/pepperi-addons-ngx-composite-lib-generic-list.js",
+  "es2015": "../fesm2015/pepperi-addons-ngx-composite-lib-generic-list.js",
+  "esm2015": "../esm2015/generic-list/pepperi-addons-ngx-composite-lib-generic-list.js",
+  "fesm2015": "../fesm2015/pepperi-addons-ngx-composite-lib-generic-list.js",
+  "typings": "pepperi-addons-ngx-composite-lib-generic-list.d.ts",
+  "sideEffects": false,
+  "name": "@pepperi-addons/ngx-composite-lib/generic-list"
+}

package/generic-list/pepperi-addons-ngx-composite-lib-generic-list.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+/// <amd-module name="@pepperi-addons/ngx-composite-lib/generic-list" />
+export * from './public-api';

package/generic-list/public-api.d.ts

@@ -0,0 +1,3 @@
+export * from './generic-list.module';
+export * from './generic-list.component';
+export * from './generic-list.model';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pepperi-addons/ngx-composite-lib",
-  "version": "0.0.4",
+  "version": "0.0.8",
   "peerDependencies": {
     "@angular/animations": ">= 12.0.0",
     "@angular/cdk": ">= 12.0.0",