From 1911806e3fcfa50af1c48b6035c0285137c1ea06 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jonatan=20P=C3=A9rez?= <jonatan@internxt.com>
Date: Fri, 24 Jan 2025 18:17:21 +0100
Subject: [PATCH] fix types

---
 package.json                                       |  2 +-
 src/components/breadcrumbs/Breadcrumbs.tsx         | 14 +++++++-------
 src/components/breadcrumbs/BreadcrumbsItem.tsx     | 14 ++++++--------
 .../components/breadcrumbs/breadcrumbs.stories.tsx |  2 +-
 4 files changed, 15 insertions(+), 17 deletions(-)

diff --git a/package.json b/package.json
index 91ed8a3..3c1cc00 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@internxt/ui",
-  "version": "0.0.13",
+  "version": "0.0.14",
   "description": "Library of Internxt components",
   "repository": {
     "type": "git",
diff --git a/src/components/breadcrumbs/Breadcrumbs.tsx b/src/components/breadcrumbs/Breadcrumbs.tsx
index 00c2b8e..0f7b3c3 100644
--- a/src/components/breadcrumbs/Breadcrumbs.tsx
+++ b/src/components/breadcrumbs/Breadcrumbs.tsx
@@ -3,9 +3,9 @@ import { forwardRef, FunctionComponent, ReactNode, SVGProps } from 'react';
 import { Dispatch } from 'redux';
 import Dropdown from '../dropdown/Dropdown';
 import BreadcrumbsItem, { BreadcrumbItemData, BreadcrumbsMenuProps } from './BreadcrumbsItem';
-import { useDrop } from 'react-dnd';
+import { DropTargetMonitor, useDrop } from 'react-dnd';
 
-export interface BreadcrumbsProps<T extends Dispatch> {
+export interface BreadcrumbsProps<T extends Dispatch, U> {
   items: BreadcrumbItemData[];
   rootBreadcrumbItemDataCy?: string;
   menu?: (props: BreadcrumbsMenuProps) => JSX.Element;
@@ -14,7 +14,7 @@ export interface BreadcrumbsProps<T extends Dispatch> {
     uuid: string;
   }[];
   isSomeItemSelected: boolean;
-  selectedItems: [];
+  selectedItems: U[];
   onItemDropped: (
     item: BreadcrumbItemData,
     namePath: {
@@ -22,10 +22,10 @@ export interface BreadcrumbsProps<T extends Dispatch> {
       uuid: string;
     }[],
     isSomeItemSelected: boolean,
-    selectedItems: [],
+    selectedItems: U[],
     dispatch: T,
-  ) => (draggedItem: unknown, monitor: unknown) => Promise<void>;
-  canItemDrop: (item: BreadcrumbItemData) => (draggedItem: unknown, monitor: unknown) => boolean;
+  ) => (draggedItem: U, monitor: DropTargetMonitor) => Promise<void>;
+  canItemDrop: (item: BreadcrumbItemData) => (draggedItem: U, monitor: DropTargetMonitor) => boolean;
   itemComponent?: FunctionComponent<SVGProps<SVGSVGElement>>;
   acceptedTypes: string[];
   dispatch: T;
@@ -74,7 +74,7 @@ export interface BreadcrumbsProps<T extends Dispatch> {
  * - Hook for dnd.
  */
 
-const Breadcrumbs = <T extends Dispatch>(props: Readonly<BreadcrumbsProps<T>>): JSX.Element => {
+const Breadcrumbs = <T extends Dispatch, U>(props: Readonly<BreadcrumbsProps<T, U>>): JSX.Element => {
   const MenuItem = forwardRef<HTMLDivElement, { children: ReactNode }>((props, ref) => {
     return (
       <div
diff --git a/src/components/breadcrumbs/BreadcrumbsItem.tsx b/src/components/breadcrumbs/BreadcrumbsItem.tsx
index a50abd5..d50410f 100644
--- a/src/components/breadcrumbs/BreadcrumbsItem.tsx
+++ b/src/components/breadcrumbs/BreadcrumbsItem.tsx
@@ -67,7 +67,7 @@ export interface BreadcrumbsMenuProps {
  * - Hook for dnd.
  */
 
-export interface BreadcrumbsItemProps<T extends Dispatch> {
+export interface BreadcrumbsItemProps<T extends Dispatch, U> {
   item: BreadcrumbItemData;
   totalBreadcrumbsLength: number;
   isHiddenInList?: boolean;
@@ -79,7 +79,7 @@ export interface BreadcrumbsItemProps<T extends Dispatch> {
     uuid: string;
   }[];
   isSomeItemSelected: boolean;
-  selectedItems: [];
+  selectedItems: U[];
   onItemDropped: (
     item: BreadcrumbItemData,
     namePath: {
@@ -87,19 +87,17 @@ export interface BreadcrumbsItemProps<T extends Dispatch> {
       uuid: string;
     }[],
     isSomeItemSelected: boolean,
-    selectedItems: [],
+    selectedItems: U[],
     dispatch: T,
-  ) => (draggedItem: unknown, monitor: DropTargetMonitor) => Promise<void>;
-  canItemDrop: (
-    item: BreadcrumbItemData,
-  ) => (draggedItem: unknown, monitor: DropTargetMonitor<unknown, unknown>) => boolean;
+  ) => (draggedItem: U, monitor: DropTargetMonitor) => Promise<void>;
+  canItemDrop: (item: BreadcrumbItemData) => (draggedItem: U, monitor: DropTargetMonitor<unknown, unknown>) => boolean;
   itemComponent?: FunctionComponent<SVGProps<SVGSVGElement>>;
   acceptedTypes: string[];
   dispatch: T;
   useDrop: typeof useDrop;
 }
 
-const BreadcrumbsItem = <T extends Dispatch>(props: BreadcrumbsItemProps<T>): JSX.Element => {
+const BreadcrumbsItem = <T extends Dispatch, U>(props: BreadcrumbsItemProps<T, U>): JSX.Element => {
   const [{ isOver, canDrop }, drop] = props.useDrop(
     () => ({
       accept: props.acceptedTypes,
diff --git a/src/stories/components/breadcrumbs/breadcrumbs.stories.tsx b/src/stories/components/breadcrumbs/breadcrumbs.stories.tsx
index 1237001..813c8ba 100644
--- a/src/stories/components/breadcrumbs/breadcrumbs.stories.tsx
+++ b/src/stories/components/breadcrumbs/breadcrumbs.stories.tsx
@@ -83,7 +83,7 @@ const menuBreadcrumbs = (props: BreadcrumbsMenuProps): JSX.Element => {
   );
 };
 
-const defaultBreadcrumbsProps: BreadcrumbsProps<Dispatch> = {
+const defaultBreadcrumbsProps: BreadcrumbsProps<Dispatch, unknown> = {
   items: breadcrumbItems,
   namePath: [
     { name: 'Home', uuid: '1' },