@cbm-common/cbm-types 0.0.199 → 0.0.201

package/lib/components/advanced-item-search-modal/advanced-item-search-modal.d.ts

@@ -4,6 +4,8 @@ import { CbmAlternativeItemModel } from '../../domain/models/alternative-item.do
 import { CbmItemModel } from '../../domain/models/item.domain.model';
 import { CbmPriceListModel } from '../../domain/models/price-list.domain.model';
 import { CbmItemDomainRepository } from '../../domain/repositories/item.domain.repository';
+import { CbmWarehouseModel } from '@cbm-common/cbm-types';
+import { ITableColumn } from '../../domain/models/table-config.model';
 export declare class CbmAdvancedItemSearchModal {
     private readonly itemRepository;
     private readonly destroyRef;
@@ -16,11 +18,21 @@ export declare class CbmAdvancedItemSearchModal {
     hideTable: import("@angular/core").InputSignal<boolean>;
     addedItemsIds: import("@angular/core").InputSignal<string[]>;
     codeFilter: import("@angular/core").WritableSignal<string | undefined>;
+    'suggest-warehouse': import("@angular/core").InputSignal<CbmWarehouseModel.ListResponse.Data | null>;
     'with-stock': import("@angular/core").InputSignal<boolean>;
     'with-provider-code': import("@angular/core").InputSignal<boolean>;
+    'table-config-key': import("@angular/core").InputSignal<string | undefined>;
+    'exclude-filters': import("@angular/core").InputSignal<string[] | undefined>;
+    'exclude-columns': import("@angular/core").InputSignal<string[] | undefined>;
+    'config-columns': import("@angular/core").InputSignal<ITableColumnAdvancedItemSearchModal | undefined>;
     modalId: import("@angular/core").Signal<string>;
     withStock: import("@angular/core").Signal<boolean>;
     withProviderCode: import("@angular/core").Signal<boolean>;
+    suggestWarehouse: import("@angular/core").Signal<CbmWarehouseModel.ListResponse.Data | null>;
+    tableConfigKey: import("@angular/core").Signal<string | undefined>;
+    excludeFilters: import("@angular/core").Signal<string[] | undefined>;
+    excludeColumns: import("@angular/core").Signal<string[] | undefined>;
+    configColumns: import("@angular/core").Signal<ITableColumnAdvancedItemSearchModal | undefined>;
     isOnlyOneItemCoincidence: import("@angular/core").OutputEmitterRef<CbmItemModel.ListResponse.Item | undefined>;
     addSelectedPriceList: import("@angular/core").OutputEmitterRef<CbmPriceListModel.ListResponse.Data>;
     open: import("@angular/core").OutputEmitterRef<void>;
@@ -35,3 +47,4 @@ export declare class CbmAdvancedItemSearchModal {
     sendItemInput(item: CbmItemModel.ListResponse.Item): void;
     getOneItemByCode(): void;
 }
+export type ITableColumnAdvancedItemSearchModal = Record<string, Omit<Partial<ITableColumn>, 'order' | 'key'>>;

package/lib/components/advanced-item-search-modal/item-list/item-list.d.ts

@@ -1,4 +1,5 @@
-import { DestroyRef } from '@angular/core';
+import { CdkDragDrop } from '@angular/cdk/drag-drop';
+import { DestroyRef, OnInit } from '@angular/core';
 import { FormControl, FormGroup } from '@angular/forms';
 import { CbmProviderModel, CbmWarehouseModel } from '@cbm-common/cbm-types';
 import { ListService, PaginatedListService } from '@cbm-common/data-access';
@@ -14,22 +15,27 @@ import { CbmProviderRepository } from '../../../domain/repositories/provider.dom
 import { CbmWarehouseDomainRepository } from '../../../domain/repositories/warehouse.domain.repository';
 import { CbmAuthReactiveService } from '../../../domain/services/auth-reactive.domain.service';
 import { CbmNotificationService } from '../../../domain/services/notification/notification.service';
+import { TableConfigurationService } from '../../../domain/services/table-configuration.service';
 import { CbmModalConfirmComponent } from '../../modal-confirm/modal-confirm';
+import { StockByWarehouseModalCompModel } from '../../stock-by-warehouse-modal/stock-by-warehouse-modal.model';
 import { IPagination, TStatus } from '../types';
+import { ITableColumnAdvancedItemSearchModal } from '../advanced-item-search-modal';
 interface IItemWithChecked extends CbmItemModel.AdvancedItemListResponse.Item {
     checked: boolean;
 }
-export declare class ItemListComponent {
-    private priceListRepository;
-    private manufacturerRepository;
-    private groupRepository;
-    private itemRepository;
-    private providerRepository;
-    private notificationService;
-    private readonly warehouseRepository;
+export declare class ItemListComponent implements OnInit {
+    private readonly priceListRepository;
+    private readonly manufacturerRepository;
+    private readonly groupRepository;
+    private readonly itemRepository;
+    private readonly providerRepository;
+    private readonly notificationService;
+    private readonly tableConfigService;
     private destroyRef;
+    private readonly warehouseRepository;
     private readonly authReactiveService;
-    constructor(priceListRepository: CbmPriceListDomainRepository, manufacturerRepository: CbmManufacturerRepository, groupRepository: CbmGroupDomainRepository, itemRepository: CbmItemDomainRepository, providerRepository: CbmProviderRepository, notificationService: CbmNotificationService, warehouseRepository: CbmWarehouseDomainRepository, destroyRef: DestroyRef, authReactiveService: CbmAuthReactiveService);
+    constructor(priceListRepository: CbmPriceListDomainRepository, manufacturerRepository: CbmManufacturerRepository, groupRepository: CbmGroupDomainRepository, itemRepository: CbmItemDomainRepository, providerRepository: CbmProviderRepository, notificationService: CbmNotificationService, tableConfigService: TableConfigurationService, destroyRef: DestroyRef, warehouseRepository: CbmWarehouseDomainRepository, authReactiveService: CbmAuthReactiveService);
+    private initialColumns;
     modalConfirmRef: import("@angular/core").Signal<CbmModalConfirmComponent>;
     hidePricelistFilter: import("@angular/core").InputSignal<boolean | undefined>;
     priceList: import("@angular/core").InputSignal<string | CbmPriceListModel.ListResponse.Data | undefined>;
@@ -39,6 +45,11 @@ export declare class ItemListComponent {
     nameCodeFilter: import("@angular/core").InputSignal<string | undefined>;
     'with-stock': import("@angular/core").InputSignal<boolean>;
     'with-provider-code': import("@angular/core").InputSignal<boolean>;
+    'suggest-warehouse': import("@angular/core").InputSignal<CbmWarehouseModel.ListResponse.Data | null>;
+    'table-config-key': import("@angular/core").InputSignal<string | undefined>;
+    'exclude-filters': import("@angular/core").InputSignal<string[] | undefined>;
+    'exclude-columns': import("@angular/core").InputSignal<string[] | undefined>;
+    'config-columns': import("@angular/core").InputSignal<ITableColumnAdvancedItemSearchModal | undefined>;
     addItem: import("@angular/core").OutputEmitterRef<CbmItemModel.ListResponse.Item>;
     addAllItems: import("@angular/core").OutputEmitterRef<CbmItemModel.ListResponse.Item[]>;
     selectItem: import("@angular/core").OutputEmitterRef<CbmItemModel.ListResponse.Item>;
@@ -46,14 +57,15 @@ export declare class ItemListComponent {
     isTableHide: import("@angular/core").WritableSignal<boolean>;
     isFilterVisible: import("@angular/core").WritableSignal<boolean>;
     items: import("@angular/core").WritableSignal<IItemWithChecked[]>;
-    checkedItems: import("@angular/core").WritableSignal<CbmItemModel.ListResponse.Item[]>;
     rememberedItems: import("@angular/core").WritableSignal<IItemWithChecked[]>;
     itemsPagination: import("@angular/core").WritableSignal<IPagination>;
     statusOfFetchItems: import("@angular/core").WritableSignal<TStatus>;
     isSmallScreen: import("@angular/core").WritableSignal<boolean>;
     withStock: import("@angular/core").Signal<boolean>;
     withProviderCode: import("@angular/core").Signal<boolean>;
+    excludeFilters: import("@angular/core").Signal<string[]>;
     computedItems: import("@angular/core").Signal<IItemWithChecked[]>;
+    itemConsulted: import("@angular/core").WritableSignal<StockByWarehouseModalCompModel.ItemToConsulted | null>;
     areAllItemsChecked: import("@angular/core").Signal<boolean>;
     formToFilter: FormGroup<{
         priceList: FormControl<CbmPriceListModel.ListResponse.Data | null>;
@@ -65,14 +77,18 @@ export declare class ItemListComponent {
         warehouse: FormControl<CbmWarehouseModel.ListResponse.Data | null>;
         provider: FormControl<CbmProviderModel.ListResponse.Item | null>;
         manage_by: FormControl<CbmItemModel.EManageBy | null>;
+        location: FormControl<string | null>;
     }>;
     company: import("@angular/core").Signal<import("../../../domain/models/auth-reactive.domain.model").CbmAuthReactiveModel.GlobalTokenData.Company>;
+    tableConfig: TableConfigurationService;
     priceLists$: ListService<CbmPriceListModel.ListResponse, any, CbmPriceListModel.ListResponse.Data[]>;
     manufacturers$: PaginatedListService<CbmManufacturerModel.ListResponse, CbmManufacturerModel.ListParams, CbmManufacturerModel.ListResponse.Item[]>;
     providers$: PaginatedListService<import("../../../domain/models/provider.domain.model").CbmProviderModel.ListResponse, import("../../../domain/models/provider.domain.model").CbmProviderModel.ListParams, import("../../../domain/models/provider.domain.model").CbmProviderModel.ListResponse.Item[]>;
     categories$: ListService<CbmGroupModel.ListAsTreeResponse, any, CbmGroupModel.ListAsTreeResponse.Children>;
     warehouses$: ListService<import("../../../domain/models/warehouse.domain.model").CbmWarehouseModel.ListResponse, import("../../../domain/models/warehouse.domain.model").CbmWarehouseModel.ListParams, import("../../../domain/models/warehouse.domain.model").CbmWarehouseModel.ListResponse.Data[]>;
     ngOnInit(): void;
+    protected onColumnDrop(event: CdkDragDrop<any>): void;
+    protected resetTableConfig(): void;
     compareWithId(a: {
         _id: string;
     }, b: {
@@ -87,7 +103,7 @@ export declare class ItemListComponent {
     onNextPage(page: number): void;
     onPreviousPage(page: number): void;
     onPageSizeChange(size: number): void;
-    /** Emite item agregado y limpia selección si es empresa especial */
+    /** Emite item agregado y limpia selección */
     _addItem(item: CbmItemModel.ListResponse.Item): void;
     validateConfirmToAddAllItems(): Promise<void>;
     /** Emite todos los items seleccionados y limpia estado */
@@ -97,7 +113,7 @@ export declare class ItemListComponent {
     getPriceWithoutIva(item: CbmItemModel.ListResponse.Item): string;
     /** Obtiene el precio con IVA según la lista de precios seleccionada */
     getPriceWithIva(item: CbmItemModel.ListResponse.Item): string;
-    /** Actualiza estado reactivo de item y sincroniza con listas de selección persistente */
+    /** Actualiza estado reactivo de item y sincroniza con lista de selección persistente */
     _checkItem(item: IItemWithChecked): void;
     removeRememberedItem(item: IItemWithChecked): void;
     /** Marca/desmarca todos los items visibles (no agregados aún) */

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

@@ -0,0 +1,71 @@
+import { FormArray, FormControl } from '@angular/forms';
+import { TableConfigurationService } from '../../domain/services/table-configuration.service';
+/**
+ * Componente dropdown para configurar columnas de tabla
+ * Permite mostrar/ocultar columnas con un click
+ *
+ * @example
+ * ```html
+ * <app-table-column-config-dropdown
+ *   [tableConfig]="tableConfigService"
+ *   buttonLabel="Configurar Columnas"
+ *   [showResetButton]="true"
+ *   (onReset)="handleReset()"
+ * />
+ * ```
+ */
+export declare class TableColumnConfigDropdownComponent {
+    private fb;
+    /** Servicio de configuración de tabla */
+    tableConfig: import("@angular/core").InputSignal<TableConfigurationService>;
+    /** Texto del botón principal */
+    buttonLabel: import("@angular/core").InputSignal<string>;
+    /** Mostrar botón de "Mostrar todas" */
+    showShowAllButton: import("@angular/core").InputSignal<boolean>;
+    /** Mostrar botón de "Ocultar todas" */
+    showHideAllButton: import("@angular/core").InputSignal<boolean>;
+    /** Mostrar botón de "Resetear" */
+    showResetButton: import("@angular/core").InputSignal<boolean>;
+    /** Mostrar botón de modo de edición de anchos */
+    showEditModeButton: import("@angular/core").InputSignal<boolean>;
+    /** Icono del botón principal (clase de icono) */
+    buttonIcon: import("@angular/core").InputSignal<string>;
+    /** Posición del dropdown */
+    dropdownPosition: import("@angular/core").InputSignal<"left" | "right">;
+    /** Evento emitido cuando se resetea la configuración */
+    onReset: import("@angular/core").OutputEmitterRef<void>;
+    /** FormArray para manejar anchos de columnas reactivamente */
+    columnWidthsForm: FormArray<FormControl<string>>;
+    /**
+     * Alterna el modo de edición
+     */
+    toggleEditMode(event: Event): void;
+    /**
+     * Actualiza el ancho de una columna
+     */
+    updateColumnWidth(columnKey: string, value: string): void;
+    /**
+     * Obtiene el FormControl del ancho por índice
+     */
+    getWidthControl(index: number): FormControl;
+    /**
+     * Alterna la visibilidad de una columna
+     */
+    toggleColumn(columnKey: string, event: Event): void;
+    /**
+     * Muestra todas las columnas
+     */
+    showAll(event: Event): void;
+    /**
+     * Oculta todas las columnas no fijas
+     */
+    hideAll(event: Event): void;
+    /**
+     * Resetea la configuración
+     */
+    reset(event: Event): void;
+    /**
+     * Previene el cierre del dropdown al hacer click dentro
+     */
+    preventClose(event: Event): void;
+}

package/lib/directives/table-drag-drop.directive.d.ts

@@ -0,0 +1,45 @@
+import { ElementRef } from '@angular/core';
+import { TableConfigurationService } from '../domain/services/table-configuration.service';
+/**
+ * Directiva para aplicar drag-and-drop a los headers de una tabla
+ * Permite reordenar columnas arrastrando los headers
+ *
+ * @example
+ * ```html
+ * <thead appTableDragDrop [tableConfig]="tableConfigService">
+ *   <tr>
+ *     @for (column of tableConfig.visibleColumns(); track column.key) {
+ *       <th cdkDrag>{{ column.label }}</th>
+ *     }
+ *   </tr>
+ * </thead>
+ * ```
+ */
+export declare class TableDragDropDirective {
+    private elementRef;
+    /** Servicio de configuración de tabla */
+    tableConfig: import("@angular/core").InputSignal<TableConfigurationService>;
+    constructor(elementRef: ElementRef<HTMLElement>);
+    /**
+     * Manejador del evento drop
+     */
+    onDrop(event: any): void;
+}
+/**
+ * Directiva para aplicar a cada header individual que puede ser arrastrado
+ * Se usa en conjunto con appTableDragDrop
+ *
+ * @example
+ * ```html
+ * <th appTableDragHandle [disabled]="column.fixed">
+ *   <i class="mdi mdi-drag-vertical"></i>
+ *   {{ column.label }}
+ * </th>
+ * ```
+ */
+export declare class TableDragHandleDirective {
+    private elementRef;
+    /** Si está deshabilitado el drag (para columnas fijas) */
+    disabled: import("@angular/core").InputSignal<boolean>;
+    constructor(elementRef: ElementRef<HTMLElement>);
+}

package/lib/domain/models/item.domain.model.d.ts

@@ -216,6 +216,7 @@ export declare namespace CbmItemModel {
         warehouse_id?: string;
         provider_code?: boolean;
         provider_id?: string;
+        location?: string;
     }
     interface AdvancedItemListResponse {
         success: boolean;
@@ -263,8 +264,17 @@ export declare namespace CbmItemModel {
             item_stock_warehouse: number;
             observation?: string;
             item_stock_in_transit_warehouse: number;
+            provider_items: Item.ProviderItem[];
+            location?: string | null;
         }
         namespace Item {
+            interface ProviderItem {
+                _id: string;
+                provider_item_id: string;
+                code: string;
+                provider_id: string;
+                provider_name: string;
+            }
             interface TaxIva {
                 _id: string;
                 code: string;

package/lib/domain/models/table-config.model.d.ts

@@ -0,0 +1,62 @@
+/**
+ * Modelo de configuración de columnas de tabla
+ * Sistema modular para gestionar visibilidad y orden de columnas
+ */
+/**
+ * Definición de una columna de tabla
+ */
+export interface ITableColumn {
+    /** Identificador único de la columna */
+    key: string;
+    /** Etiqueta visible para el usuario */
+    label: string;
+    /** Indica si la columna está visible */
+    visible: boolean;
+    /** Orden de visualización (menor número = más a la izquierda) */
+    order: number;
+    /** Si es true, la columna no se puede ocultar ni reordenar */
+    fixed?: boolean;
+    /** Ancho personalizado de la columna (opcional) */
+    width?: string;
+}
+/**
+ * Configuración completa de una tabla
+ */
+export interface ITableConfiguration {
+    /** ID único de la tabla para persistencia */
+    tableId: string;
+    /** Lista de columnas configurables */
+    columns: ITableColumn[];
+}
+/**
+ * Evento emitido cuando cambia la configuración
+ */
+export interface ITableConfigChangeEvent {
+    /** Columnas actualizadas */
+    columns: ITableColumn[];
+    /** Tipo de cambio realizado */
+    changeType: 'visibility' | 'order' | 'reset';
+}
+/**
+ * Namespace para tipos relacionados con configuración de tablas
+ */
+export declare namespace ITableConfig {
+    /**
+     * Parámetros para inicializar una configuración de tabla
+     */
+    interface InitParams {
+        tableId: string;
+        columns: Omit<ITableColumn, 'order'>[];
+        persistInLocalStorage?: boolean;
+    }
+    /**
+     * Estado de configuración almacenado
+     */
+    interface StoredConfig {
+        tableId: string;
+        columns: (Pick<ITableColumn, 'key' | 'visible' | 'order'> & {
+            width?: string;
+        })[];
+        lastUpdated: string;
+    }
+}

package/lib/domain/services/table-configuration.service.d.ts

@@ -0,0 +1,131 @@
+import { ITableColumn, ITableConfiguration, ITableConfig } from '../models/table-config.model';
+/**
+ * Servicio de gestión de configuración de tablas
+ * Maneja visibilidad, orden y persistencia de columnas
+ *
+ * @example
+ * ```typescript
+ * // En el componente
+ * tableConfig = new TableConfigurationService();
+ *
+ * ngOnInit() {
+ *   this.tableConfig.initialize({
+ *     tableId: 'my-unique-table-id',
+ *     columns: [
+ *       { key: 'name', label: 'Nombre', visible: true },
+ *       { key: 'code', label: 'Código', visible: true },
+ *       { key: 'price', label: 'Precio', visible: false }
+ *     ],
+ *     persistInLocalStorage: true
+ *   });
+ * }
+ * ```
+ */
+export declare class TableConfigurationService {
+    /** Configuración actual de la tabla */
+    private readonly _configuration;
+    /** Flag que indica si se debe persistir en localStorage */
+    private readonly _persistEnabled;
+    /** Modo de edición de anchos de columna */
+    private readonly _editMode;
+    /** Indica si el modo de edición está activo (read-only) */
+    readonly editMode: import("@angular/core").Signal<boolean>;
+    /** Configuración completa (read-only) */
+    readonly configuration: import("@angular/core").Signal<ITableConfiguration>;
+    /** Solo columnas visibles ordenadas */
+    readonly visibleColumns: import("@angular/core").Signal<ITableColumn[]>;
+    /** Solo columnas ocultas */
+    readonly hiddenColumns: import("@angular/core").Signal<ITableColumn[]>;
+    /** Todas las columnas ordenadas */
+    readonly allColumns: import("@angular/core").Signal<ITableColumn[]>;
+    /** Número total de columnas visibles */
+    readonly visibleColumnsCount: import("@angular/core").Signal<number>;
+    /** Indica si hay columnas ocultas */
+    readonly hasHiddenColumns: import("@angular/core").Signal<boolean>;
+    /**
+     * Inicializa la configuración de la tabla
+     * Si existe configuración guardada, la carga; si no, usa la configuración inicial
+     */
+    initialize(params: ITableConfig.InitParams): void;
+    /**
+     * Alterna la visibilidad de una columna
+     */
+    toggleColumnVisibility(columnKey: string): void;
+    /**
+     * Muestra una columna específica
+     */
+    showColumn(columnKey: string): void;
+    /**
+     * Oculta una columna específica
+     */
+    hideColumn(columnKey: string): void;
+    /**
+     * Reordena las columnas después de un drag-and-drop
+     * @param previousIndex Índice anterior de la columna
+     * @param currentIndex Nuevo índice de la columna
+     */
+    reorderColumns(previousIndex: number, currentIndex: number): void;
+    /**
+     * Muestra todas las columnas
+     */
+    showAllColumns(): void;
+    /**
+     * Oculta todas las columnas no fijas
+     */
+    hideAllColumns(): void;
+    /**
+     * Resetea la configuración a los valores iniciales
+     */
+    resetConfiguration(initialColumns: Omit<ITableColumn, 'order'>[]): void;
+    /**
+     * Obtiene una columna por su key
+     */
+    getColumn(columnKey: string): ITableColumn | null;
+    /**
+     * Verifica si una columna está visible
+     */
+    isColumnVisible(columnKey: string): boolean;
+    /**
+     * Activa o desactiva el modo de edición de anchos
+     */
+    toggleEditMode(): void;
+    /**
+     * Establece el modo de edición
+     */
+    setEditMode(enabled: boolean): void;
+    /**
+     * Actualiza el ancho de una columna
+     * @param columnKey Clave de la columna
+     * @param width Nuevo ancho (ej: '150px', '20%', 'auto')
+     */
+    setColumnWidth(columnKey: string, width: string): void;
+    /**
+     * Actualiza la configuración y persiste si está habilitado
+     */
+    private _updateConfiguration;
+    /**
+     * Merge configuración guardada con definición actual
+     * Mantiene el orden, visibilidad y anchos guardados, pero agrega nuevas columnas
+     */
+    private _mergeConfigurations;
+    /**
+     * Guarda la configuración en localStorage
+     */
+    private _saveToStorage;
+    /**
+     * Carga la configuración desde localStorage
+     */
+    private _loadFromStorage;
+    /**
+     * Limpia la configuración del localStorage
+     */
+    private _clearStorage;
+    /**
+     * Genera la clave de localStorage
+     */
+    private _getStorageKey;
+    /**
+     * Emite evento de cambio (para futuras integraciones con EventEmitter si es necesario)
+     */
+    private _emitChangeEvent;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cbm-common/cbm-types",
-  "version": "0.0.199",
+  "version": "0.0.201",
   "main": "index.js",
   "types": "public-api.d.ts",
   "exports": {