ngx-aur-mat-table 17.2.2-2 → 17.2.2-21

package/lib/drag-drop/aur-drag-drop-component.d.ts

@@ -1,6 +1,6 @@
 export interface AurDragDropComponent<T> {
     onDragStart($event: DragEvent, data: T): void;
-    onDragOver($event: DragEvent): void;
+    onDragOver($event: DragEvent, data: T): void;
     onDrop($event: DragEvent, data: T): void;
     onDragEnd($event: DragEvent, data: T): void;
 }

package/lib/drag-drop/aur-drag-drop.manager.d.ts

@@ -1,68 +1,67 @@
+import { ViewContainerRef } from "@angular/core";
+import { AurDragDropMapping, AurDragPreviewMappings } from "./model/aur-drag-drop-mapping";
 /**
- * Interface representing the mapping configuration for drag-and-drop functionality
- * between components. It defines the source component (from where data is grabbed)
- * and the target component (where data is dropped), as well as the functions that handle
- * the grabbing and dropping of data.
- *
- * @template SOURCE - The type of data used by the source component.
- * @template TARGET - The type of data used by the target component.
+ * Manages the drag-and-drop process, including start, drop, and end events.
+ * Handles drag previews, drop validation, and dataset updates after a successful drop.
  */
-export interface AurDragDropMapping<SOURCE, TARGET> {
+export declare class AurDragDropManager {
+    private mappings;
+    private previewMappings;
     /**
-     * The name of the source component from which data can be grabbed.
-     * This represents the component that allows a user to initiate a grab action.
+     *  Manages drop validation logic
      */
-    readonly sourceName: string;
+    private readonly canDropManager;
     /**
-     * The name of the target component where the data can be dropped.
-     * This represents the component that accepts the drop action.
+     * Manages drag preview rendering
      */
-    readonly targetName: string;
+    private readonly previewManager;
     /**
-     * Function called to handle grabbing data from the source component.
-     * It is invoked after a drop has occurred, and it describes what should
-     * happen to the data in the source table.
-     *
-     * @param ctx - The grab context containing information about the source and target.
-     * @returns An array of data elements of type SOURCE.
+     * Manages source-target mappings
      */
-    readonly grabFn: (ctx: grabContext<SOURCE, TARGET>) => SOURCE[];
+    private readonly mappingManager;
     /**
-     * Function called to handle the drop action in the target component.
-     * It is invoked when the drop event occurs, and it describes how to process
-     * the data into the target component.
-     *
-     * @param ctx - The drop context containing information about the source and target.
-     * @returns An array of data elements of type TARGET.
+     * Holds info about the current drag operation
+     */
+    private startDragEvent?;
+    /**
+     * Holds info about the current drop operation
+     */
+    private dropEvent?;
+    /**
+     * Creates an empty instance of AurDragDropManager.
+     * @returns {AurDragDropManager} - An empty manager with no initialized references.
      */
-    readonly dropFn: (ctx: DropContext<SOURCE, TARGET>) => TARGET[];
-}
-export interface grabContext<SOURCE, TARGET> {
-    readonly sourceName: string;
-    readonly sourceData: SOURCE;
-    readonly sourceDataset: SOURCE[];
-    readonly targetName: string;
-    readonly targetData: TARGET;
-}
-export interface DropContext<SOURCE, TARGET> {
-    readonly sourceName: string;
-    readonly sourceData: SOURCE;
-    readonly targetDataset: TARGET[];
-    readonly targetName: string;
-    readonly targetData: TARGET;
-}
-export declare class AurDragDropManager {
-    private mappings;
-    private dragStartCtx;
-    private dragEndCtx;
-    private canDropStorage;
-    constructor(mappings: AurDragDropMapping<any, any>[]);
-    startDrag(targetName: string, data: any): void;
-    endDrag(sourceDataset: any[]): any[];
-    endDragInternal(grabCtx: grabContext<any, any>): any[];
-    canDrop(tableName: string, $event: DragEvent): void;
-    onDrop(targetDataset: any[], targetName: string, targetData: any): any[];
-    onDropInternal(dropCtx: DropContext<any, any>): any[];
-    get draggableTableNames(): string[];
     static empty(): AurDragDropManager;
+    constructor(viewContainerRef: ViewContainerRef, mappings: AurDragDropMapping<any, any>[], previewMappings: AurDragPreviewMappings<any>[]);
+    /**
+     * Returns the list of all available draggable source names.
+     * @returns {string[]} - Array of source names.
+     */
+    get draggableSourceNames(): string[];
+    /**
+     * Initiates a drag operation, saving the context and showing a drag preview.
+     * @param {string} sourceName - The name of the drag source.
+     * @param {unknown[]} draggedData - The data being dragged.
+     * @param {DragEvent} event - The drag event.
+     * @throws Error if a drag is already in progress.
+     */
+    startDrag(sourceName: string, draggedData: unknown[], event: DragEvent): void;
+    /**
+     * Validates whether a drop is allowed on the target element by calling preventDefault.
+     * @param {string} targetName - The name of the target element.
+     * @param {DragEvent} event - The drag event.
+     */
+    canDropPreventDefault(targetName: string, event: DragEvent): void;
+    /**
+     * Executes the drop operation on the specified target.
+     * @param {string} targetName - The name of the target element.
+     * @param {any} targetData - The data for the target element.
+     */
+    drop(targetName: string, targetData: any): void;
+    /**
+     * Ends the drag operation and updates the dataset if the drop was successful.
+     */
+    endDrag(): void;
+    private buildDropContext;
+    private getMapping;
 }

package/lib/drag-drop/can-drop-manager.d.ts

@@ -0,0 +1,8 @@
+import { AurDragDropMapping } from "./model/aur-drag-drop-mapping";
+export declare class CanDropManager {
+    private canDropStorage;
+    constructor(mappings: AurDragDropMapping<any, any>[]);
+    private fillStorage;
+    canDrop(sourceName: string | undefined, targetName: string | undefined): boolean;
+    dropPreventDefault(sourceName: string | undefined, targetName: string, $event: DragEvent): boolean;
+}

package/lib/drag-drop/drag-drop-mapping-manager.d.ts

@@ -0,0 +1,9 @@
+import { AurDragDropMapping } from "./model/aur-drag-drop-mapping";
+export declare class DragDropMappingManager {
+    private readonly mappingsStorage;
+    constructor(mappings: AurDragDropMapping<any, any>[]);
+    get(sourceName: string, targetName: string): AurDragDropMapping<any, any>;
+    private fillStorage;
+    private buildKeyForMapping;
+    private buildKey;
+}

package/lib/drag-drop/drag-preview-manager.d.ts

@@ -0,0 +1,11 @@
+import { ViewContainerRef } from "@angular/core";
+import { AurDragPreviewMappings } from "./model/aur-drag-drop-mapping";
+export declare class DragPreviewManager {
+    private viewContainerRef;
+    private readonly previewStorage;
+    private currentPreviewComponentRef;
+    constructor(viewContainerRef: ViewContainerRef, mappings: AurDragPreviewMappings<any>[]);
+    private fillStorage;
+    showPreview(sourceName: string, event: DragEvent, draggedData: unknown[]): void;
+    removePreview(): void;
+}

package/lib/drag-drop/model/aur-drag-drop-mapping.d.ts

@@ -0,0 +1,44 @@
+import { Observable } from "rxjs";
+import { AurDragPreviewComponent } from "./aur-drag-preview-component";
+export interface AurDragPreviewMappings<SOURCE> {
+    sourceName: string;
+    readonly preview?: new () => AurDragPreviewComponent<SOURCE>;
+}
+/**
+ * Interface representing the mapping configuration for drag-and-drop functionality
+ * between components. It defines the source component (from where data is grabbed)
+ * and the target component (where data is dropped), as well as the functions that handle
+ * the grabbing and dropping of data.
+ *
+ * @template SOURCE - The type of data used by the source component.
+ * @template TARGET - The type of data used by the target component.
+ */
+export interface AurDragDropMapping<SOURCE, TARGET> {
+    /**
+     * The name of the source component from which data can be grabbed.
+     * This represents the component that allows a user to initiate a grab action.
+     */
+    readonly sourceName: string;
+    /**
+     * The name of the target component where the data can be dropped.
+     * This represents the component that accepts the drop action.
+     */
+    readonly targetName: string;
+    /**
+     * Function called to handle the drop action in the target component.
+     * It is invoked when the drop event occurs, and it describes how to process
+     * the data into the target component.
+     *
+     * @param ctx - The drop context containing information about the source and target.
+     * @returns An array of data elements of type TARGET.
+     */
+    readonly afterDropFn: (ctx: DropContext<SOURCE, TARGET>) => Observable<AurDropResult>;
+}
+export interface AurDropResult {
+}
+export interface DropContext<SOURCE, TARGET> {
+    readonly sourceName: string;
+    readonly sourceData: SOURCE[];
+    readonly targetName: string;
+    readonly targetData: TARGET;
+}

package/lib/drag-drop/model/aur-drag-preview-component.d.ts

@@ -0,0 +1,13 @@
+/**
+ * Общий интерфейс для компонентов, которые используются в качестве превью
+ * для перетаскивания данных. Это обеспечивает стандартный способ передачи
+ * данных в такие компоненты.
+ *
+ * @template DATA - Тип данных, которые будут переданы в компонент для превью.
+ */
+export interface AurDragPreviewComponent<DATA> {
+    /**
+     * Данные, которые будут отображаться в компоненте превью.
+     */
+    data: DATA[];
+}

package/lib/model/ColumnConfig.d.ts

@@ -34,6 +34,7 @@ export interface TableConfig<T> {
     tableView?: TableView;
     tableHeaderButtonCfg?: TableHeaderButtonConfig;
     dragCfg?: DragDropConfig;
+    totalRowCfg?: TotalRowConfig;
 }
 export interface ClickConfig {
     /**
@@ -158,7 +159,6 @@ export interface TableView {
     height?: string;
     minHeight?: string;
     maxHeight?: string;
-    totalRowView?: TotalRowView;
 }
 export interface TableHeaderButtonConfig {
     enable: boolean;
@@ -169,5 +169,10 @@ export interface TableHeaderButtonConfig {
 export interface DragDropConfig {
     enable: boolean;
     manager: AurDragDropManager;
+    multiple?: boolean;
     dragIcon?: IconView<string>;
 }
+export interface TotalRowConfig {
+    enable: boolean;
+    totalRowView?: TotalRowView;
+}

package/lib/ngx-aur-mat-table.component.d.ts

@@ -1,4 +1,4 @@
-import { AfterViewChecked, AfterViewInit, ElementRef, EventEmitter, OnChanges, OnDestroy, OnInit, QueryList, SimpleChanges, TemplateRef } from '@angular/core';
+import { AfterViewChecked, AfterViewInit, ChangeDetectorRef, ElementRef, EventEmitter, OnChanges, OnDestroy, OnInit, QueryList, SimpleChanges, TemplateRef, ViewContainerRef } from '@angular/core';
 import { ColumnView, TableConfig } from './model/ColumnConfig';
 import { MatSort, Sort } from '@angular/material/sort';
 import { MatTableDataSource } from '@angular/material/table';
@@ -37,6 +37,8 @@ declare enum ExpandState {
     EXPANDED = "expanded"
 }
 export declare class NgxAurMatTableComponent<T> implements OnInit, OnChanges, AfterViewInit, AfterViewChecked, OnDestroy, NgxAurMatTablePublic<T>, AurDragDropComponent<TableRow<T>> {
+    private viewContainerRef;
+    private cdr;
     expandedStateEnum: typeof ExpandState;
     readonly EXTRA_HEADER_CELL_TOP_SUFFIX = "_extra_header_cell_top";
     readonly EXTRA_HEADER_CELL_BOTTOM_SUFFIX = "_extra_header_cell_bottom";
@@ -79,7 +81,7 @@ export declare class NgxAurMatTableComponent<T> implements OnInit, OnChanges, Af
     headerButtonProvider: HeaderButtonProviderDummy;
     onHeaderButton: EventEmitter<MouseEvent>;
     private resizeColumnOffsetsObserver;
-    dragDropProvider: DragDropProvider;
+    dragDropProvider: DragDropProvider<T>;
     selectionProvider: SelectionProvider<T>;
     rowActionsProvider: RowActionProvider<T>;
     indexProvider: IndexProvider;
@@ -89,7 +91,7 @@ export declare class NgxAurMatTableComponent<T> implements OnInit, OnChanges, Af
     private customSortFunctions;
     private filterStorage;
     highlight: HighlightContainer<T> | undefined;
-    constructor();
+    constructor(viewContainerRef: ViewContainerRef, cdr: ChangeDetectorRef);
     ngOnChanges(changes: SimpleChanges): void;
     resetPaginatorPageIndex(): void;
     refreshTable(): void;

package/lib/providers/DragDropProvider.d.ts

@@ -1,27 +1,29 @@
 import { AbstractProvider } from "./AbstractProvider";
-import { AurDragDropManager } from "../drag-drop/aur-drag-drop.manager";
 import { DragDropConfig, IconView, TableConfig } from "../model/ColumnConfig";
-export declare class DragDropProvider extends AbstractProvider {
+import { ViewContainerRef } from "@angular/core";
+import { AurDragDropManager } from "../drag-drop/aur-drag-drop.manager";
+export declare class DragDropProvider<T> extends AbstractProvider {
+    private readonly viewContainerRef;
     private tableName;
-    private dragCfg?;
     protected static readonly DEFAULT_ICON_VIEW: IconView<string>;
     readonly isEnabled: boolean;
     readonly COLUMN_NAME = "tbl_drag_col";
     readonly manager: AurDragDropManager;
     readonly draggable: boolean;
     readonly dragIconView: IconView<string>;
-    constructor(tableName: string, dragCfg?: DragDropConfig | undefined);
-    addColumn(columns: string[]): DragDropProvider;
+    readonly multiple: boolean;
+    constructor(viewContainerRef: ViewContainerRef, tableName: string, dragCfg?: DragDropConfig);
+    addColumn(columns: string[]): DragDropProvider<T>;
     /**
      * Factory method to create an instance of IndexProvider based on table configuration.
      * Returns a dummy provider if the index is not enabled in the configuration.
      * @param tableConfig The configuration of the table.
      * @returns An instance of IndexProvider or IndexProviderDummy.
      */
-    static create<T>(tableConfig: TableConfig<T>): DragDropProvider;
+    static create<T>(viewContainerRef: ViewContainerRef, tableConfig: TableConfig<T>): DragDropProvider<T>;
     private static canCreate;
 }
-export declare class DragProviderDummy extends DragDropProvider {
+export declare class DragProviderDummy extends DragDropProvider<any> {
     readonly isEnabled = false;
     constructor();
     addColumn(columns: string[]): DragProviderDummy;

package/lib/providers/SelectionProvider.d.ts

@@ -16,6 +16,7 @@ export declare class SelectionProvider<T> extends AbstractProvider {
     bindEventEmitters(selected: EventEmitter<T[]>, onSelect: EventEmitter<T[]>, onDeselect: EventEmitter<T[]>, selectionModel: EventEmitter<SelectionModel<T>>): SelectionProvider<T>;
     masterToggle(): void;
     isAllSelected(): boolean;
+    getSelectedRows(): TableRow<T>[];
     private static canEnable;
     static create<T>(tableConfig: TableConfig<T>, tableDataSource: MatTableDataSource<TableRow<T>>, initSelection: T[]): SelectionProvider<T>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ngx-aur-mat-table",
-  "version": "17.2.2-2",
+  "version": "17.2.2-21",
   "peerDependencies": {
     "@angular/animations": "^17.3.3",
     "@angular/common": "^17.3.3",

package/public-api.d.ts

@@ -15,5 +15,7 @@ export * from './lib/filters/NgxAurFilters';
 export * from './lib/directive/ngx-table-sub-footer-row.directive';
 export * from './lib/directive/ngx-aur-table-search-prefix.directive';
 export * from './lib/directive/ngx-aur-table-search-suffix.directive';
-export * from './lib/drag-drop/aur-drag-drop.manager';
 export * from './lib/drag-drop/aur-drag-drop-component';
+export * from './lib/drag-drop/aur-drag-drop.manager';
+export * from './lib/drag-drop/model/aur-drag-drop-mapping';
+export * from './lib/drag-drop/model/aur-drag-preview-component';