@dropi/ui-components 1.0.12 → 1.0.13

package/src/components-source/breadcrumb/breadcrumb.component.spec.ts

@@ -1,5 +1,5 @@
 import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { RouterTestingModule } from '@angular/router/testing';
+import { anyTestingModule } from ' /testing';
 import { Component } from '@angular/core';
 import { MenuItem } from 'primeng/api';
 import { BreadcrumbComponent } from './breadcrumb.component';
@@ -20,7 +20,7 @@ describe('BreadcrumbComponent', () => {
       imports: [
         BreadcrumbComponent,
         IconComponent,
-        RouterTestingModule.withRoutes([
+        anyTestingModule.withRoutes([
           { path: 'test', component: TestComponent },
           { path: 'home', component: TestComponent },
           { path: '', component: TestComponent },
@@ -50,7 +50,7 @@ describe('BreadcrumbComponent', () => {
       component.ngOnInit();
 
       expect(component.home.icon).toBe('pi pi-home');
-      expect(component.home.routerLink).toBe('/');
+      expect(component.home. (click)).toBe('/');
     });
 
     it('should accept custom imageIcon', () => {
@@ -64,7 +64,7 @@ describe('BreadcrumbComponent', () => {
       component.homeRoute = '/dashboard';
       component.ngOnInit();
 
-      expect(component.home.routerLink).toBe('/dashboard');
+      expect(component.home. (click)).toBe('/dashboard');
     });
   });
 
@@ -77,7 +77,7 @@ describe('BreadcrumbComponent', () => {
     });
 
     it('should handle single item', () => {
-      const testItems: MenuItem[] = [{ label: 'Products', routerLink: '/products' }];
+      const testItems: MenuItem[] = [{ label: 'Products',  (click): '/products' }];
 
       component.items = testItems;
       fixture.detectChanges();
@@ -88,9 +88,9 @@ describe('BreadcrumbComponent', () => {
 
     it('should handle multiple items', () => {
       const testItems: MenuItem[] = [
-        { label: 'Products', routerLink: '/products' },
-        { label: 'Electronics', routerLink: '/products/electronics' },
-        { label: 'Phones', routerLink: '/products/electronics/phones' },
+        { label: 'Products',  (click): '/products' },
+        { label: 'Electronics',  (click): '/products/electronics' },
+        { label: 'Phones',  (click): '/products/electronics/phones' },
       ];
 
       component.items = testItems;
@@ -102,8 +102,8 @@ describe('BreadcrumbComponent', () => {
 
     it('should handle items with icons', () => {
       const testItems: MenuItem[] = [
-        { label: 'Products', routerLink: '/products', icon: 'pi-box' },
-        { label: 'Settings', routerLink: '/settings', icon: 'pi-cog' },
+        { label: 'Products',  (click): '/products', icon: 'pi-box' },
+        { label: 'Settings',  (click): '/settings', icon: 'pi-cog' },
       ];
 
       component.items = testItems;
@@ -113,15 +113,15 @@ describe('BreadcrumbComponent', () => {
       expect(component.items[1].icon).toBe('pi-cog');
     });
 
-    it('should handle items without routerLink', () => {
+    it('should handle items without  (click)', () => {
       const testItems: MenuItem[] = [
-        { label: 'Current Page' }, // Sin routerLink
+        { label: 'Current Page' }, // Sin  (click)
       ];
 
       component.items = testItems;
       fixture.detectChanges();
 
-      expect(component.items[0].routerLink).toBeUndefined();
+      expect(component.items[0]. (click)).toBeUndefined();
     });
   });
 
@@ -130,7 +130,7 @@ describe('BreadcrumbComponent', () => {
       component.ngOnInit();
 
       expect(component.home.icon).toBe('pi pi-home');
-      expect(component.home.routerLink).toBe('/');
+      expect(component.home. (click)).toBe('/');
     });
 
     it('should create home item with custom icon', () => {
@@ -144,7 +144,7 @@ describe('BreadcrumbComponent', () => {
       component.homeRoute = '/main';
       component.ngOnInit();
 
-      expect(component.home.routerLink).toBe('/main');
+      expect(component.home. (click)).toBe('/main');
     });
 
     it('should create home item with both custom icon and route', () => {
@@ -153,7 +153,7 @@ describe('BreadcrumbComponent', () => {
       component.ngOnInit();
 
       expect(component.home.icon).toBe('dashboard');
-      expect(component.home.routerLink).toBe('/admin');
+      expect(component.home. (click)).toBe('/admin');
     });
   });
 
@@ -183,7 +183,7 @@ describe('BreadcrumbComponent', () => {
       component.homeRoute = '';
       component.ngOnInit();
 
-      expect(component.home.routerLink).toBe('');
+      expect(component.home. (click)).toBe('');
     });
 
     it('should handle null imageIcon', () => {
@@ -197,7 +197,7 @@ describe('BreadcrumbComponent', () => {
       component.homeRoute = null as any;
       component.ngOnInit();
 
-      expect(component.home.routerLink).toBeNull();
+      expect(component.home. (click)).toBeNull();
     });
   });
 
@@ -215,11 +215,11 @@ describe('BreadcrumbComponent', () => {
     it('should update home item when homeRoute changes and ngOnInit is called', () => {
       component.homeRoute = '/original';
       component.ngOnInit();
-      expect(component.home.routerLink).toBe('/original');
+      expect(component.home. (click)).toBe('/original');
 
       component.homeRoute = '/changed';
       component.ngOnInit();
-      expect(component.home.routerLink).toBe('/changed');
+      expect(component.home. (click)).toBe('/changed');
     });
 
     it('should handle multiple calls to ngOnInit', () => {
@@ -230,16 +230,16 @@ describe('BreadcrumbComponent', () => {
       const secondHomeItem = component.home;
 
       expect(firstHomeItem.icon).toBe(secondHomeItem.icon);
-      expect(firstHomeItem.routerLink).toBe(secondHomeItem.routerLink);
+      expect(firstHomeItem. (click)).toBe(secondHomeItem. (click));
     });
   });
 
   describe('Integración completa', () => {
     it('should work with complete breadcrumb setup', () => {
       const testItems: MenuItem[] = [
-        { label: 'Dashboard', routerLink: '/dashboard', icon: 'dashboard' },
-        { label: 'Users', routerLink: '/users', icon: 'people' },
-        { label: 'Profile', routerLink: '/users/profile' },
+        { label: 'Dashboard',  (click): '/dashboard', icon: 'dashboard' },
+        { label: 'Users',  (click): '/users', icon: 'people' },
+        { label: 'Profile',  (click): '/users/profile' },
       ];
 
       component.imageIcon = 'home';
@@ -249,7 +249,7 @@ describe('BreadcrumbComponent', () => {
       fixture.detectChanges();
 
       expect(component.home.icon).toBe('home');
-      expect(component.home.routerLink).toBe('/');
+      expect(component.home. (click)).toBe('/');
       expect(component.items.length).toBe(3);
       expect(component.items[0].icon).toBe('dashboard');
       expect(component.items[2].label).toBe('Profile');
@@ -264,7 +264,7 @@ describe('BreadcrumbComponent', () => {
         },
         {
           label: 'Reports',
-          routerLink: '/reports',
+           (click): '/reports',
           queryParams: { type: 'monthly' },
         },
       ];

package/src/components-source/breadcrumb/breadcrumb.component.ts

@@ -1,22 +1,20 @@
-import { Component, OnInit, Input, NO_ERRORS_SCHEMA } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { BreadcrumbModule } from 'primeng/breadcrumb';
-import { MenuItem } from 'primeng/api';
+import { Component, OnInit, Input, NO_ERRORS_SCHEMA } from "@angular/core";
+import { CommonModule } from "@angular/common";
 
 @Component({
-  selector: 'app-breadcrumb',
+  selector: "app-breadcrumb",
   standalone: true,
-  imports: [CommonModule, BreadcrumbModule],
-  templateUrl: './breadcrumb.component.html',
-  styleUrls: ['./breadcrumb.component.scss'],
+  imports: [CommonModule],
+  templateUrl: "./breadcrumb.component.html",
+  styleUrls: ["./breadcrumb.component.scss"],
   schemas: [NO_ERRORS_SCHEMA],
 })
 export class BreadcrumbComponent implements OnInit {
-  @Input() items: MenuItem[];
-  @Input() imageIcon: string = 'pi pi-home';
-  @Input() homeRoute: string = '/';
+  @Input() items: any[] = [];
+  @Input() imageIcon: string = "pi pi-home";
+  @Input() homeRoute: string = "/";
 
-  home: MenuItem | undefined;
+  public home: any;
 
   ngOnInit() {
     this.home = { icon: this.imageIcon, routerLink: this.homeRoute };

package/src/components-source/card-product/card-product.component.spec.ts

@@ -4,7 +4,7 @@ import { TranslateModule } from '@ngx-translate/core';
 import { SettingsService } from '@app/services/setting.service';
 import { ProductstService } from '@app/pages/service/products/products.service';
 import { OrderManualService } from '@app/services/order-manual.service';
-import { Router } from '@angular/router';
+import { any } from ' ';
 import { of, throwError } from 'rxjs';
 import { SimpleChange } from '@angular/core';
 
@@ -14,7 +14,7 @@ describe('CardProductComponent', () => {
   let mockSettingsService: any;
   let mockProductsService: any;
   let mockOrderManualService: any;
-  let mockRouter: any;
+  let mockany: any;
 
   const mockProduct: ProductData = {
     id: '123',
@@ -54,7 +54,7 @@ describe('CardProductComponent', () => {
       setProductsIds: jest.fn(),
     };
 
-    mockRouter = {
+    mockany = {
       navigate: jest.fn(),
       url: '/dashboard/search',
     };
@@ -64,7 +64,7 @@ describe('CardProductComponent', () => {
       mockSettingsService,
       mockProductsService,
       mockOrderManualService,
-      mockRouter as any,
+      mockany as any,
     );
     component.product = mockProduct;
 
@@ -392,7 +392,7 @@ describe('CardProductComponent', () => {
 
   describe('Navegación a proveedor', () => {
     it('should open provider in new window from search', () => {
-      mockRouter.url = '/dashboard/search';
+      mockany.url = '/dashboard/search';
       const openSpy = jest.spyOn(window, 'open').mockImplementation();
 
       component.getProvidersDetails();
@@ -404,11 +404,11 @@ describe('CardProductComponent', () => {
     });
 
     it('should navigate to provider from other routes', () => {
-      mockRouter.url = '/dashboard/home';
+      mockany.url = '/dashboard/home';
 
       component.getProvidersDetails();
 
-      expect(mockRouter.navigate).toHaveBeenCalledWith([
+      expect(mockany.navigate).toHaveBeenCalledWith([
         '/dashboard/provider',
         1,
         expect.any(String),
@@ -417,11 +417,11 @@ describe('CardProductComponent', () => {
 
     it('should clean supplier name for URL', () => {
       component.product.supplier.name = 'Test Supplier ÁÉÍ!@#';
-      mockRouter.url = '/dashboard/home';
+      mockany.url = '/dashboard/home';
 
       component.getProvidersDetails();
 
-      expect(mockRouter.navigate).toHaveBeenCalledWith([
+      expect(mockany.navigate).toHaveBeenCalledWith([
         '/dashboard/provider',
         1,
         expect.stringContaining('test-supplier'),

package/src/components-source/card-product/card-product.component.stories.ts

@@ -8,7 +8,7 @@ import { CardProductComponent, ProductData } from './card-product.component';
 import { SettingsService } from '../../services/setting.service';
 import { ProductstService } from '@app/pages/service/products/products.service';
 import { OrderManualService } from '@app/services/order-manual.service';
-import { Router } from '@angular/router';
+import { any } from ' ';
 import { of } from 'rxjs';
 
 const meta: Meta<CardProductComponent> = {
@@ -47,7 +47,7 @@ const meta: Meta<CardProductComponent> = {
           },
         },
         {
-          provide: Router,
+          provide: 
           useValue: {
             url: '/storybook',
             navigate: (commands: any[]) => Promise.resolve(true),