@paperless/angular 0.1.0-alpha.195 → 0.1.0-alpha.197

package/lib/components/index.d.ts

@@ -0,0 +1,7 @@
+export * from './table-cell/table-cell.component';
+export * from './table-column/table-column.component';
+export * from './table/table.component';
+import { TableCell } from './table-cell/table-cell.component';
+import { TableColumn } from './table-column/table-column.component';
+import { TableComponent } from './table/table.component';
+export declare const COMPONENTS: (typeof TableCell | typeof TableColumn | typeof TableComponent)[];

package/lib/components/table/constants.d.ts

@@ -0,0 +1,2 @@
+export declare const defaultSize = 12;
+export declare const defaultSizeOptions: number[];

package/lib/components/table/table.component.d.ts

@@ -0,0 +1,190 @@
+import { EventEmitter, OnChanges, OnInit, QueryList, SimpleChanges } from '@angular/core';
+import { QuickFilter, RowClickEvent } from '@paperless/core';
+import { TableColumn } from '../table-column/table-column.component';
+import * as i0 from "@angular/core";
+export declare class TableComponent implements OnInit, OnChanges {
+    /**
+     * The items to be fed to the table
+     */
+    items: string;
+    /**
+     * Wether data is loading
+     */
+    loading: boolean;
+    /**
+     * The amount of loading rows to show
+     */
+    amountOfLoadingRows: number;
+    /**
+     * Wether to enable selection
+     */
+    enableRowSelection: boolean;
+    /**
+     * Wether to enable row clicking
+     */
+    enableRowClick: boolean;
+    /**
+     * The current selection of items
+     */
+    selectedRows: any[];
+    /**
+     * Event whenever the current selection changes
+     */
+    selectedRowsChange: EventEmitter<any>;
+    /**
+     * The key to determine if a row is selected
+     */
+    selectionKey: string | undefined;
+    /**
+     * A key to determine if a row can be selected
+     */
+    canSelectKey: string | undefined;
+    /**
+     * Event whenever a row is clicked
+     */
+    rowClick: EventEmitter<RowClickEvent>;
+    /**
+     * Event whenever a row is selected
+     */
+    rowSelected: EventEmitter<any>;
+    /**
+     * Event whenever a row is deselected
+     */
+    rowDeselected: EventEmitter<any>;
+    /** START HEADER */
+    /**
+     * Quick filters to show
+     */
+    quickFilters: QuickFilter[];
+    /**
+     * Active quick filter identifier
+     */
+    activeQuickFilterIdentifier: string | undefined;
+    /**
+     * Wether to show the search input
+     */
+    enableSearch: boolean;
+    /**
+     * The query to show in the search bar
+     */
+    query: string | undefined;
+    /**
+     * Wether to show the filter button
+     */
+    enableFilter: boolean;
+    /**
+     * The amount of filters being selected
+     */
+    selectedFiltersAmount: number | undefined;
+    /**
+     * The template for the filter button text
+     */
+    filterButtonTemplate: any;
+    /**
+     * Wether to show the edit button
+     */
+    enableEdit: boolean;
+    /**
+     * The template for the edit button text
+     */
+    editButtonTemplate: any;
+    /**
+     * Event when one of the quick filters is clicked
+     */
+    quickFilter: EventEmitter<QuickFilter>;
+    /**
+     * Event when the query changes
+     */
+    queryChange: EventEmitter<string>;
+    /**
+     * Event when the filter button is clicked
+     */
+    filter: EventEmitter<null>;
+    /**
+     * Event when the edit button is clicked
+     */
+    edit: EventEmitter<null>;
+    /** START FOOTER */
+    /**
+     * Wether to enable page size select
+     */
+    enablePageSize: boolean;
+    /**
+     * Wether to enable pagination
+     */
+    enablePagination: boolean;
+    /**
+     * Wether to enable export
+     */
+    enableExport: boolean;
+    /**
+     * The current page
+     */
+    page: number;
+    /**
+     * The total amount of items
+     */
+    total: number;
+    /**
+     * Event whenever the page changes
+     */
+    pageChange: EventEmitter<number>;
+    /**
+     * The amount of items per page
+     */
+    pageSize: number;
+    /**
+     * The options for the page size
+     */
+    pageSizeOptions: number[];
+    /**
+     * Event whenever the page changes
+     */
+    pageSizeChange: EventEmitter<number>;
+    /**
+     * Event whenever the page changes
+     */
+    export: EventEmitter<number>;
+    /**
+     * Wether to hide when there is only 1 page available
+     */
+    hideOnSinglePage: boolean;
+    columns: any[];
+    parsedItems: any[];
+    loadingRows: unknown[];
+    private _ctrlDown;
+    private _columnDefinitions;
+    set columnDefinitions(v: QueryList<TableColumn>);
+    get columnDefinitions(): QueryList<TableColumn>;
+    constructor();
+    ngOnInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    keyDown({ key }: {
+        key: string;
+    }): void;
+    keyUp({ key }: {
+        key: string;
+    }): void;
+    visibilityChange(): void;
+    onQueryChange({ detail }: CustomEvent<string>): void;
+    onQuickFilter({ detail }: CustomEvent<any>): void;
+    onPageSizeChange({ detail }: CustomEvent<number>): void;
+    onPageChange({ detail }: CustomEvent<number>): void;
+    private _parseItems;
+    private _generateColumns;
+    _checkboxDisabled(item: any): boolean | "" | undefined;
+    _selectAllChange($event: any): void;
+    _checkboxChange(target: any, index: number): void;
+    private _getCheckedValue;
+    private _getSelectionValue;
+    _selectionContains(row: any, index: number, returnIndex?: boolean): any;
+    _selectionContainsAll(): boolean;
+    _selectionIndeterminate(): boolean;
+    _rowClick($event: {
+        target: any;
+    }, index: number): void;
+    private _findRow;
+    private _findRowAction;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TableComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TableComponent, "p-table-ngx", never, { "items": "items"; "loading": "loading"; "amountOfLoadingRows": "amountOfLoadingRows"; "enableRowSelection": "enableRowSelection"; "enableRowClick": "enableRowClick"; "selectedRows": "selectedRows"; "selectionKey": "selectionKey"; "canSelectKey": "canSelectKey"; "quickFilters": "quickFilters"; "activeQuickFilterIdentifier": "activeQuickFilterIdentifier"; "enableSearch": "enableSearch"; "query": "query"; "enableFilter": "enableFilter"; "selectedFiltersAmount": "selectedFiltersAmount"; "filterButtonTemplate": "filterButtonTemplate"; "enableEdit": "enableEdit"; "editButtonTemplate": "editButtonTemplate"; "enablePageSize": "enablePageSize"; "enablePagination": "enablePagination"; "enableExport": "enableExport"; "page": "page"; "total": "total"; "pageSize": "pageSize"; "pageSizeOptions": "pageSizeOptions"; "hideOnSinglePage": "hideOnSinglePage"; }, { "selectedRowsChange": "selectedRowsChange"; "rowClick": "rowClick"; "rowSelected": "rowSelected"; "rowDeselected": "rowDeselected"; "quickFilter": "quickFilter"; "queryChange": "queryChange"; "filter": "filter"; "edit": "edit"; "pageChange": "pageChange"; "pageSizeChange": "pageSizeChange"; "export": "export"; }, ["columnDefinitions"], never, false>;
+}

package/lib/components/table-cell/table-cell.component.d.ts

@@ -0,0 +1,45 @@
+import { TemplateRef } from '@angular/core';
+import { TableDefinitionData } from '@paperless/core';
+import * as i0 from "@angular/core";
+export declare class TableCell {
+    /**
+     * The variant of the column
+     */
+    variant: 'default' | 'loading' | 'header';
+    /**
+     * The index of the column
+     */
+    index: number;
+    /**
+     * The index of the row
+     */
+    rowIndex: number;
+    /**
+     * The definition of the table column
+     */
+    definition?: any;
+    /**
+     * The item in question
+     */
+    item: any;
+    /**
+     * The value of the column
+     */
+    value: any;
+    /**
+     * The checkbox templateRef
+     */
+    checkbox: TemplateRef<any> | undefined;
+    /**
+     * The template ref for the content
+     */
+    template: TemplateRef<any> | undefined;
+    get class(): any;
+    get data(): TableDefinitionData | {
+        value: string;
+    };
+    getColumnClasses(): any;
+    private _getSizes;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TableCell, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TableCell, "p-table-cell-ngx", never, { "variant": "variant"; "index": "index"; "rowIndex": "rowIndex"; "definition": "definition"; "item": "item"; "value": "value"; "checkbox": "checkbox"; "template": "template"; }, {}, never, never, false>;
+}

package/lib/components/table-column/table-column.component.d.ts

@@ -0,0 +1,17 @@
+import { ChangeDetectorRef, ElementRef, EventEmitter, NgZone, TemplateRef } from '@angular/core';
+import { Components } from '@paperless/core';
+import * as i0 from "@angular/core";
+export declare interface PTableColumn extends Components.PTableColumn {
+    /**
+     * Event to let the table know it has to re render
+     */
+    tableDefinitionChanged: EventEmitter<CustomEvent<boolean>>;
+}
+export declare class TableColumn {
+    protected z: NgZone;
+    protected el: HTMLElement;
+    template: TemplateRef<any> | undefined;
+    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
+    static ɵfac: i0.ɵɵFactoryDeclaration<TableColumn, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TableColumn, "p-table-column", never, { "align": "align"; "name": "name"; "path": "path"; "sizes": "sizes"; "type": "type"; "useSlot": "useSlot"; }, {}, ["template"], ["*"], false>;
+}

package/lib/paperless.module.d.ts

@@ -1,13 +1,17 @@
 import * as i0 from "@angular/core";
 import * as i1 from "./stencil/components";
-import * as i2 from "./directives/p-pagination.directive";
-import * as i3 from "./directives/p-page-size-select.directive";
-import * as i4 from "./directives/p-table-footer.directive";
-import * as i5 from "./directives/p-table-header.directive";
-import * as i6 from "./directives/p-table.directive";
-import * as i7 from "./directives/p-select.directive";
+import * as i2 from "./components/table/table.component";
+import * as i3 from "./components/table-column/table-column.component";
+import * as i4 from "./components/table-cell/table-cell.component";
+import * as i5 from "./directives/p-pagination.directive";
+import * as i6 from "./directives/p-page-size-select.directive";
+import * as i7 from "./directives/p-table-footer.directive";
+import * as i8 from "./directives/p-table-header.directive";
+import * as i9 from "./directives/p-table.directive";
+import * as i10 from "./directives/p-select.directive";
+import * as i11 from "@angular/common";
 export declare class PaperlessModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<PaperlessModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<PaperlessModule, [typeof i1.PAccordion, typeof i1.PAvatar, typeof i1.PAvatarGroup, typeof i1.PButton, typeof i1.PCardBody, typeof i1.PCardContainer, typeof i1.PCardHeader, typeof i1.PContentSlider, typeof i1.PCounter, typeof i1.PDivider, typeof i1.PDropdown, typeof i1.PDropdownMenuContainer, typeof i1.PDropdownMenuItem, typeof i1.PHelper, typeof i1.PIcon, typeof i1.PIllustration, typeof i1.PInfoPanel, typeof i1.PInputGroup, typeof i1.PLabel, typeof i1.PLayout, typeof i1.PLoader, typeof i1.PModal, typeof i1.PModalBackdrop, typeof i1.PModalBody, typeof i1.PModalContainer, typeof i1.PModalFooter, typeof i1.PModalHeader, typeof i1.PNavbar, typeof i1.PNavigationItem, typeof i1.PPageSizeSelect, typeof i1.PPagination, typeof i1.PPaginationItem, typeof i1.PProfile, typeof i1.PSegmentContainer, typeof i1.PSegmentItem, typeof i1.PSelect, typeof i1.PSliderIndicator, typeof i1.PStatus, typeof i1.PStepper, typeof i1.PStepperItem, typeof i1.PStepperLine, typeof i1.PTabGroup, typeof i1.PTabItem, typeof i1.PTableContainer, typeof i1.PTableFooter, typeof i1.PTableHeader, typeof i1.PTableRow, typeof i1.PToastContainer, typeof i1.PTooltip, typeof i2.PaginationDirective, typeof i3.PageSizeSelectDirective, typeof i4.TableFooterDirective, typeof i5.TableHeaderDirective, typeof i6.TableDirective, typeof i7.SelectDirective], never, [typeof i1.PAccordion, typeof i1.PAvatar, typeof i1.PAvatarGroup, typeof i1.PButton, typeof i1.PCardBody, typeof i1.PCardContainer, typeof i1.PCardHeader, typeof i1.PContentSlider, typeof i1.PCounter, typeof i1.PDivider, typeof i1.PDropdown, typeof i1.PDropdownMenuContainer, typeof i1.PDropdownMenuItem, typeof i1.PHelper, typeof i1.PIcon, typeof i1.PIllustration, typeof i1.PInfoPanel, typeof i1.PInputGroup, typeof i1.PLabel, typeof i1.PLayout, typeof i1.PLoader, typeof i1.PModal, typeof i1.PModalBackdrop, typeof i1.PModalBody, typeof i1.PModalContainer, typeof i1.PModalFooter, typeof i1.PModalHeader, typeof i1.PNavbar, typeof i1.PNavigationItem, typeof i1.PPageSizeSelect, typeof i1.PPagination, typeof i1.PPaginationItem, typeof i1.PProfile, typeof i1.PSegmentContainer, typeof i1.PSegmentItem, typeof i1.PSelect, typeof i1.PSliderIndicator, typeof i1.PStatus, typeof i1.PStepper, typeof i1.PStepperItem, typeof i1.PStepperLine, typeof i1.PTabGroup, typeof i1.PTabItem, typeof i1.PTableContainer, typeof i1.PTableFooter, typeof i1.PTableHeader, typeof i1.PTableRow, typeof i1.PToastContainer, typeof i1.PTooltip, typeof i2.PaginationDirective, typeof i3.PageSizeSelectDirective, typeof i4.TableFooterDirective, typeof i5.TableHeaderDirective, typeof i6.TableDirective, typeof i7.SelectDirective]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<PaperlessModule, [typeof i1.PAccordion, typeof i1.PAvatar, typeof i1.PAvatarGroup, typeof i1.PButton, typeof i1.PCardBody, typeof i1.PCardContainer, typeof i1.PCardHeader, typeof i1.PContentSlider, typeof i1.PCounter, typeof i1.PDivider, typeof i1.PDropdown, typeof i1.PDropdownMenuContainer, typeof i1.PDropdownMenuItem, typeof i1.PHelper, typeof i1.PIcon, typeof i1.PIllustration, typeof i1.PInfoPanel, typeof i1.PInputGroup, typeof i1.PLabel, typeof i1.PLayout, typeof i1.PLoader, typeof i1.PModal, typeof i1.PModalBackdrop, typeof i1.PModalBody, typeof i1.PModalContainer, typeof i1.PModalFooter, typeof i1.PModalHeader, typeof i1.PNavbar, typeof i1.PNavigationItem, typeof i1.PPageSizeSelect, typeof i1.PPagination, typeof i1.PPaginationItem, typeof i1.PProfile, typeof i1.PSegmentContainer, typeof i1.PSegmentItem, typeof i1.PSelect, typeof i1.PSliderIndicator, typeof i1.PStatus, typeof i1.PStepper, typeof i1.PStepperItem, typeof i1.PStepperLine, typeof i1.PTabGroup, typeof i1.PTabItem, typeof i1.PTableContainer, typeof i1.PTableFooter, typeof i1.PTableHeader, typeof i1.PTableRow, typeof i1.PToastContainer, typeof i1.PTooltip, typeof i2.TableComponent, typeof i3.TableColumn, typeof i4.TableCell, typeof i5.PaginationDirective, typeof i6.PageSizeSelectDirective, typeof i7.TableFooterDirective, typeof i8.TableHeaderDirective, typeof i9.TableDirective, typeof i10.SelectDirective], [typeof i11.CommonModule], [typeof i1.PAccordion, typeof i1.PAvatar, typeof i1.PAvatarGroup, typeof i1.PButton, typeof i1.PCardBody, typeof i1.PCardContainer, typeof i1.PCardHeader, typeof i1.PContentSlider, typeof i1.PCounter, typeof i1.PDivider, typeof i1.PDropdown, typeof i1.PDropdownMenuContainer, typeof i1.PDropdownMenuItem, typeof i1.PHelper, typeof i1.PIcon, typeof i1.PIllustration, typeof i1.PInfoPanel, typeof i1.PInputGroup, typeof i1.PLabel, typeof i1.PLayout, typeof i1.PLoader, typeof i1.PModal, typeof i1.PModalBackdrop, typeof i1.PModalBody, typeof i1.PModalContainer, typeof i1.PModalFooter, typeof i1.PModalHeader, typeof i1.PNavbar, typeof i1.PNavigationItem, typeof i1.PPageSizeSelect, typeof i1.PPagination, typeof i1.PPaginationItem, typeof i1.PProfile, typeof i1.PSegmentContainer, typeof i1.PSegmentItem, typeof i1.PSelect, typeof i1.PSliderIndicator, typeof i1.PStatus, typeof i1.PStepper, typeof i1.PStepperItem, typeof i1.PStepperLine, typeof i1.PTabGroup, typeof i1.PTabItem, typeof i1.PTableContainer, typeof i1.PTableFooter, typeof i1.PTableHeader, typeof i1.PTableRow, typeof i1.PToastContainer, typeof i1.PTooltip, typeof i2.TableComponent, typeof i3.TableColumn, typeof i4.TableCell, typeof i5.PaginationDirective, typeof i6.PageSizeSelectDirective, typeof i7.TableFooterDirective, typeof i8.TableHeaderDirective, typeof i9.TableDirective, typeof i10.SelectDirective]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<PaperlessModule>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@paperless/angular",
-  "version": "0.1.0-alpha.195",
+  "version": "0.1.0-alpha.197",
   "peerDependencies": {
     "@angular/common": "^13.3.0 || ^14.0.0",
     "@angular/core": "^13.3.0 || ^14.0.0"

package/public-api.d.ts

@@ -1,4 +1,5 @@
 export * from './lib/base';
+export * from './lib/components';
 export * from './lib/directives';
 export * from './lib/paperless.module';
 export * from './lib/stencil/components';