@paperless/angular 1.42.4 → 1.43.0

package/lib/modules/table/components/index.d.ts

@@ -1,7 +1,9 @@
 export * from './table-cell/table-cell.component';
 export * from './table-column/table-column.component';
 export * from './table/table.component';
+export * from './table-row-action/table-row-action.component';
 import { TableCell } from './table-cell/table-cell.component';
 import { TableColumn } from './table-column/table-column.component';
+import { TableRowAction } from './table-row-action/table-row-action.component';
 import { Table } from './table/table.component';
-export declare const TABLE_COMPONENTS: (typeof TableCell | typeof TableColumn | typeof Table)[];
+export declare const TABLE_COMPONENTS: (typeof TableCell | typeof TableColumn | typeof TableRowAction | typeof Table)[];

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

@@ -3,6 +3,7 @@ import { QuickFilter, RowClickEvent } from '@paperless/core';
 import { IconVariant, IllustrationVariant } from '@paperless/core/dist/types/components';
 import { BehaviorSubject } from 'rxjs';
 import { TableColumn } from '../table-column/table-column.component';
+import { TableRowAction } from '../table-row-action/table-row-action.component';
 import * as i0 from "@angular/core";
 export declare class Table implements OnInit, OnChanges {
     /**
@@ -65,7 +66,6 @@ export declare class Table implements OnInit, OnChanges {
      * The template for amount selected item in the floating menu
      */
     floatingMenuAmountSelectedTemplate: any;
-    floatingMenuContentTemplate: TemplateRef<any> | undefined;
     /**
      * Wether the floating menu has been shown atleast once
      */
@@ -228,6 +228,9 @@ export declare class Table implements OnInit, OnChanges {
     get columnDefinitions(): QueryList<TableColumn>;
     filterModalTemplate: TemplateRef<any> | undefined;
     filterModalShow$: BehaviorSubject<boolean>;
+    private _rowActions;
+    set rowActions(v: QueryList<TableRowAction>);
+    get rowActions(): QueryList<TableRowAction>;
     filterModalHeaderText: string;
     filterModalSaveText: string;
     filterModalCancelText: string;
@@ -237,8 +240,15 @@ export declare class Table implements OnInit, OnChanges {
     filterModalShow: EventEmitter<boolean>;
     filterModalSave: EventEmitter<void>;
     filterModalReset: EventEmitter<boolean>;
+    rowActionsFloating$: BehaviorSubject<TableRowAction[]>;
+    rowActionsRow$: BehaviorSubject<TableRowAction[]>;
+    isMobile$: BehaviorSubject<boolean>;
+    private _resizeTimeout;
+    private _inputEnableRowSelection;
+    private _inputRowSelectionLimit;
     ngOnInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
+    onResize(): void;
     keyDown({ key }: {
         key: string;
     }): void;
@@ -264,8 +274,10 @@ export declare class Table implements OnInit, OnChanges {
     _selectionContainsAll(): boolean;
     _selectionIndeterminate(): boolean;
     _rowClick($event: MouseEvent, index: number): void;
+    _rowActionClick(action: TableRowAction, rowIndex?: number): void;
     private _findRow;
     private _findRowAction;
+    private _setRowSelectionData;
     static ɵfac: i0.ɵɵFactoryDeclaration<Table, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<Table, "p-table-ngx", never, { "items": "items"; "loading": "loading"; "headerLoading": "headerLoading"; "footerLoading": "footerLoading"; "amountOfLoadingRows": "amountOfLoadingRows"; "enableRowSelection": "enableRowSelection"; "rowSelectionLimit": "rowSelectionLimit"; "enableRowClick": "enableRowClick"; "selectedRows": "selectedRows"; "selectionKey": "selectionKey"; "canSelectKey": "canSelectKey"; "enableFloatingMenu": "enableFloatingMenu"; "floatingMenuAmountSelectedText": "floatingMenuAmountSelectedText"; "floatingMenuAmountSelectedTemplate": "floatingMenuAmountSelectedTemplate"; "enableHeader": "enableHeader"; "quickFilters": "quickFilters"; "activeQuickFilterIdentifier": "activeQuickFilterIdentifier"; "enableSearch": "enableSearch"; "query": "query"; "enableFilter": "enableFilter"; "selectedFiltersAmount": "selectedFiltersAmount"; "filterButtonTemplate": "filterButtonTemplate"; "enableAction": "enableAction"; "actionButtonLoading": "actionButtonLoading"; "actionButtonIcon": "actionButtonIcon"; "actionButtonEnabled": "actionButtonEnabled"; "actionButtonText": "actionButtonText"; "actionButtonTemplate": "actionButtonTemplate"; "enableFooter": "enableFooter"; "enablePageSize": "enablePageSize"; "enablePagination": "enablePagination"; "enableExport": "enableExport"; "page": "page"; "total": "total"; "pageSize": "pageSize"; "pageSizeOptions": "pageSizeOptions"; "hideOnSinglePage": "hideOnSinglePage"; "emptyStateType": "emptyStateType"; "emptyStateIllustration": "emptyStateIllustration"; "emptyStateHeader": "emptyStateHeader"; "emptyStateContent": "emptyStateContent"; "emptyStateAction": "emptyStateAction"; "enableEmptyStateAction": "enableEmptyStateAction"; "emptyStateFilteredIllustration": "emptyStateFilteredIllustration"; "emptyStateFilteredHeader": "emptyStateFilteredHeader"; "emptyStateFilteredContent": "emptyStateFilteredContent"; "shadow": "shadow"; "filterModalHeaderText": "filterModalHeaderText"; "filterModalSaveText": "filterModalSaveText"; "filterModalCancelText": "filterModalCancelText"; "filterModalResetText": "filterModalResetText"; "filterModalShowReset": "filterModalShowReset"; "filterModalShowResetMobile": "filterModalShowResetMobile"; }, { "selectedRowsChange": "selectedRowsChange"; "rowClick": "rowClick"; "rowSelected": "rowSelected"; "rowDeselected": "rowDeselected"; "quickFilter": "quickFilter"; "queryChange": "queryChange"; "filter": "filter"; "action": "action"; "pageChange": "pageChange"; "pageSizeChange": "pageSizeChange"; "export": "export"; "emptyStateActionClick": "emptyStateActionClick"; "filterModalShow": "filterModalShow"; "filterModalSave": "filterModalSave"; "filterModalReset": "filterModalReset"; }, ["floatingMenuContentTemplate", "headerCustomFilterTemplate", "filterModalTemplate", "columnDefinitions"], never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<Table, "p-table-ngx", never, { "items": "items"; "loading": "loading"; "headerLoading": "headerLoading"; "footerLoading": "footerLoading"; "amountOfLoadingRows": "amountOfLoadingRows"; "enableRowSelection": "enableRowSelection"; "rowSelectionLimit": "rowSelectionLimit"; "enableRowClick": "enableRowClick"; "selectedRows": "selectedRows"; "selectionKey": "selectionKey"; "canSelectKey": "canSelectKey"; "enableFloatingMenu": "enableFloatingMenu"; "floatingMenuAmountSelectedText": "floatingMenuAmountSelectedText"; "floatingMenuAmountSelectedTemplate": "floatingMenuAmountSelectedTemplate"; "enableHeader": "enableHeader"; "quickFilters": "quickFilters"; "activeQuickFilterIdentifier": "activeQuickFilterIdentifier"; "enableSearch": "enableSearch"; "query": "query"; "enableFilter": "enableFilter"; "selectedFiltersAmount": "selectedFiltersAmount"; "filterButtonTemplate": "filterButtonTemplate"; "enableAction": "enableAction"; "actionButtonLoading": "actionButtonLoading"; "actionButtonIcon": "actionButtonIcon"; "actionButtonEnabled": "actionButtonEnabled"; "actionButtonText": "actionButtonText"; "actionButtonTemplate": "actionButtonTemplate"; "enableFooter": "enableFooter"; "enablePageSize": "enablePageSize"; "enablePagination": "enablePagination"; "enableExport": "enableExport"; "page": "page"; "total": "total"; "pageSize": "pageSize"; "pageSizeOptions": "pageSizeOptions"; "hideOnSinglePage": "hideOnSinglePage"; "emptyStateType": "emptyStateType"; "emptyStateIllustration": "emptyStateIllustration"; "emptyStateHeader": "emptyStateHeader"; "emptyStateContent": "emptyStateContent"; "emptyStateAction": "emptyStateAction"; "enableEmptyStateAction": "enableEmptyStateAction"; "emptyStateFilteredIllustration": "emptyStateFilteredIllustration"; "emptyStateFilteredHeader": "emptyStateFilteredHeader"; "emptyStateFilteredContent": "emptyStateFilteredContent"; "shadow": "shadow"; "filterModalHeaderText": "filterModalHeaderText"; "filterModalSaveText": "filterModalSaveText"; "filterModalCancelText": "filterModalCancelText"; "filterModalResetText": "filterModalResetText"; "filterModalShowReset": "filterModalShowReset"; "filterModalShowResetMobile": "filterModalShowResetMobile"; }, { "selectedRowsChange": "selectedRowsChange"; "rowClick": "rowClick"; "rowSelected": "rowSelected"; "rowDeselected": "rowDeselected"; "quickFilter": "quickFilter"; "queryChange": "queryChange"; "filter": "filter"; "action": "action"; "pageChange": "pageChange"; "pageSizeChange": "pageSizeChange"; "export": "export"; "emptyStateActionClick": "emptyStateActionClick"; "filterModalShow": "filterModalShow"; "filterModalSave": "filterModalSave"; "filterModalReset": "filterModalReset"; }, ["headerCustomFilterTemplate", "filterModalTemplate", "columnDefinitions", "rowActions"], never, false, never>;
 }

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

@@ -5,7 +5,7 @@ export declare class TableCell {
     /**
      * The variant of the column
      */
-    variant: 'default' | 'loading' | 'header';
+    variant: 'default' | 'loading' | 'header' | 'actions';
     /**
      * The index of the column
      */
@@ -26,6 +26,10 @@ export declare class TableCell {
      * The value of the column
      */
     value: any;
+    /**
+     * Wether the table has actions
+     */
+    tableHasActions: boolean;
     /**
      * The checkbox templateRef
      */
@@ -41,5 +45,5 @@ export declare class TableCell {
     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, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TableCell, "p-table-cell-ngx", never, { "variant": "variant"; "index": "index"; "rowIndex": "rowIndex"; "definition": "definition"; "item": "item"; "value": "value"; "tableHasActions": "tableHasActions"; "checkbox": "checkbox"; "template": "template"; }, {}, never, never, false, never>;
 }

package/lib/modules/table/components/table-row-action/table-row-action.component.d.ts

@@ -0,0 +1,23 @@
+import { ChangeDetectorRef, ElementRef, EventEmitter, NgZone } from '@angular/core';
+import { Components } from '@paperless/core';
+import * as i0 from "@angular/core";
+export interface TableRowActionClickEvent {
+    item?: any;
+    items?: any[];
+    multi: boolean;
+    ctrlDown: boolean;
+}
+export declare interface TableRowAction extends Omit<Components.PTableRowAction, 'action'> {
+    action: EventEmitter<TableRowActionClickEvent>;
+}
+export declare class TableRowAction {
+    protected z: NgZone;
+    protected el: HTMLElement;
+    /**
+     * Event whenever a row is clicked
+     */
+    action: EventEmitter<TableRowActionClickEvent>;
+    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
+    static ɵfac: i0.ɵɵFactoryDeclaration<TableRowAction, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TableRowAction, "p-table-row-action", never, { "disabled": "disabled"; "icon": "icon"; "iconFlip": "iconFlip"; "iconOnly": "iconOnly"; "iconRotate": "iconRotate"; "label": "label"; "type": "type"; }, { "action": "action"; }, never, ["*"], false, never>;
+}

package/lib/modules/table/directives/index.d.ts

@@ -1,14 +1,12 @@
 export * from './p-table-custom-filter.directive';
 export * from './p-table-filter-modal.directive';
-export * from './p-table-floating-menu-content.directive';
 export * from './p-table-footer.directive';
 export * from './p-table-header.directive';
 export * from './p-table-ngx.directive';
 export * from './p-table.directive';
 import { TableCustomFilterDirective } from './p-table-custom-filter.directive';
-import { TableFloatingMenuContentDirective } from './p-table-floating-menu-content.directive';
 import { TableFooterDirective } from './p-table-footer.directive';
 import { TableHeaderDirective } from './p-table-header.directive';
 import { TableNgxDirective } from './p-table-ngx.directive';
 import { TableDirective } from './p-table.directive';
-export declare const TABLE_DIRECTIVES: (typeof TableCustomFilterDirective | typeof TableFloatingMenuContentDirective | typeof TableFooterDirective | typeof TableHeaderDirective | typeof TableNgxDirective | typeof TableDirective)[];
+export declare const TABLE_DIRECTIVES: (typeof TableCustomFilterDirective | typeof TableFooterDirective | typeof TableHeaderDirective | typeof TableNgxDirective | typeof TableDirective)[];

package/lib/modules/table/table.module.d.ts

@@ -2,17 +2,17 @@ import * as i0 from "@angular/core";
 import * as i1 from "./components/table/table.component";
 import * as i2 from "./components/table-cell/table-cell.component";
 import * as i3 from "./components/table-column/table-column.component";
-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-table-ngx.directive";
-import * as i8 from "./directives/p-table-filter-modal.directive";
-import * as i9 from "./directives/p-table-custom-filter.directive";
-import * as i10 from "./directives/p-table-floating-menu-content.directive";
+import * as i4 from "./components/table-row-action/table-row-action.component";
+import * as i5 from "./directives/p-table-footer.directive";
+import * as i6 from "./directives/p-table-header.directive";
+import * as i7 from "./directives/p-table.directive";
+import * as i8 from "./directives/p-table-ngx.directive";
+import * as i9 from "./directives/p-table-filter-modal.directive";
+import * as i10 from "./directives/p-table-custom-filter.directive";
 import * as i11 from "@angular/common";
 import * as i12 from "../../stencil.module";
 export declare class TableModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<TableModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<TableModule, [typeof i1.Table, typeof i2.TableCell, typeof i3.TableColumn, typeof i4.TableFooterDirective, typeof i5.TableHeaderDirective, typeof i6.TableDirective, typeof i7.TableNgxDirective, typeof i8.TableFilterModalDirective, typeof i9.TableCustomFilterDirective, typeof i10.TableFloatingMenuContentDirective], [typeof i11.CommonModule, typeof i12.StencilModule], [typeof i1.Table, typeof i2.TableCell, typeof i3.TableColumn, typeof i4.TableFooterDirective, typeof i5.TableHeaderDirective, typeof i6.TableDirective, typeof i7.TableNgxDirective, typeof i8.TableFilterModalDirective, typeof i9.TableCustomFilterDirective, typeof i10.TableFloatingMenuContentDirective]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<TableModule, [typeof i1.Table, typeof i2.TableCell, typeof i3.TableColumn, typeof i4.TableRowAction, typeof i5.TableFooterDirective, typeof i6.TableHeaderDirective, typeof i7.TableDirective, typeof i8.TableNgxDirective, typeof i9.TableFilterModalDirective, typeof i10.TableCustomFilterDirective], [typeof i11.CommonModule, typeof i12.StencilModule], [typeof i1.Table, typeof i2.TableCell, typeof i3.TableColumn, typeof i4.TableRowAction, typeof i5.TableFooterDirective, typeof i6.TableHeaderDirective, typeof i7.TableDirective, typeof i8.TableNgxDirective, typeof i9.TableFilterModalDirective, typeof i10.TableCustomFilterDirective]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<TableModule>;
 }

package/lib/stencil/components.d.ts

@@ -265,7 +265,7 @@ export declare class PFloatingMenuItem {
     protected el: HTMLElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<PFloatingMenuItem, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PFloatingMenuItem, "p-floating-menu-item", never, { "hover": "hover"; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PFloatingMenuItem, "p-floating-menu-item", never, { "disabled": "disabled"; "hover": "hover"; }, {}, never, ["*"], false, never>;
 }
 export declare interface PFloatingMenuItem extends Components.PFloatingMenuItem {
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@paperless/angular",
-  "version": "1.42.4",
+  "version": "1.43.0",
   "peerDependencies": {
     "@angular/cdk": "^13.3.0 || ^14.0.0 || ^15.0.0 || ^17.0.0",
     "@angular/common": "^13.3.0 || ^14.0.0 || ^15.0.0",

package/paperless.css

@@ -192,6 +192,10 @@
   justify-content: space-between !important
 }
 
+.gap-2 {
+  gap: 0.5rem !important
+}
+
 .gap-4 {
   gap: 1rem !important
 }
@@ -277,6 +281,14 @@
   transition-timing-function: cubic-bezier(0, 0, 0.2, 1) !important
 }
 
+.group:hover .group-hover\:flex {
+  display: flex !important
+}
+
+.group:hover .group-hover\:hidden {
+  display: none !important
+}
+
 @media (min-width: 40rem) {
   .tablet\:flex {
     display: flex !important

package/esm2020/lib/modules/table/directives/p-table-floating-menu-content.directive.mjs

@@ -1,16 +0,0 @@
-import { Directive } from '@angular/core';
-import * as i0 from "@angular/core";
-export class TableFloatingMenuContentDirective {
-    constructor(template) {
-        this.template = template;
-    }
-}
-TableFloatingMenuContentDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TableFloatingMenuContentDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
-TableFloatingMenuContentDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.9", type: TableFloatingMenuContentDirective, selector: "[p-table-floating-menu-content]", ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TableFloatingMenuContentDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[p-table-floating-menu-content]',
-                }]
-        }], ctorParameters: function () { return [{ type: i0.TemplateRef }]; } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicC10YWJsZS1mbG9hdGluZy1tZW51LWNvbnRlbnQuZGlyZWN0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvcGFwZXJsZXNzL3NyYy9saWIvbW9kdWxlcy90YWJsZS9kaXJlY3RpdmVzL3AtdGFibGUtZmxvYXRpbmctbWVudS1jb250ZW50LmRpcmVjdGl2ZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFlLE1BQU0sZUFBZSxDQUFDOztBQUt2RCxNQUFNLE9BQU8saUNBQWlDO0lBQzFDLFlBQW1CLFFBQTBCO1FBQTFCLGFBQVEsR0FBUixRQUFRLENBQWtCO0lBQUcsQ0FBQzs7OEhBRHhDLGlDQUFpQztrSEFBakMsaUNBQWlDOzJGQUFqQyxpQ0FBaUM7a0JBSDdDLFNBQVM7bUJBQUM7b0JBQ1AsUUFBUSxFQUFFLGlDQUFpQztpQkFDOUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBEaXJlY3RpdmUsIFRlbXBsYXRlUmVmIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBEaXJlY3RpdmUoe1xuICAgIHNlbGVjdG9yOiAnW3AtdGFibGUtZmxvYXRpbmctbWVudS1jb250ZW50XScsXG59KVxuZXhwb3J0IGNsYXNzIFRhYmxlRmxvYXRpbmdNZW51Q29udGVudERpcmVjdGl2ZSB7XG4gICAgY29uc3RydWN0b3IocHVibGljIHRlbXBsYXRlOiBUZW1wbGF0ZVJlZjxhbnk+KSB7fVxufVxuIl19

package/lib/modules/table/directives/p-table-floating-menu-content.directive.d.ts

@@ -1,8 +0,0 @@
-import { TemplateRef } from '@angular/core';
-import * as i0 from "@angular/core";
-export declare class TableFloatingMenuContentDirective {
-    template: TemplateRef<any>;
-    constructor(template: TemplateRef<any>);
-    static ɵfac: i0.ɵɵFactoryDeclaration<TableFloatingMenuContentDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TableFloatingMenuContentDirective, "[p-table-floating-menu-content]", never, {}, {}, never, never, false, never>;
-}