@imj_media/tareas 1.4.6 → 1.5.0

package/dist/packages/tareas/src/components/atoms/BasicLoading.d.ts

@@ -0,0 +1,12 @@
+interface LoadingStyle {
+    size: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+    borderStyle: 'solid' | 'dotted' | 'dashed';
+    borderWidth: 'thin' | 'normal' | 'thick';
+    color: 'primary' | 'silver' | 'black' | 'white' | 'danger' | 'success' | 'warning' | 'info';
+    speed: 'slow' | 'normal' | 'fast';
+}
+interface BasicLoadingProps {
+    style?: Partial<LoadingStyle>;
+}
+declare function BasicLoading({ style }: BasicLoadingProps): import("react/jsx-runtime").JSX.Element;
+export default BasicLoading;

package/dist/packages/tareas/src/components/atoms/ButtonTooltip.d.ts

@@ -0,0 +1,11 @@
+import { Icons } from '@imj_media/tasks-modules';
+type TOptionsIcons = Parameters<typeof Icons>[0]['icon'];
+interface ButtonTooltipProps {
+    icon: TOptionsIcons;
+    label: string;
+    variant?: 'primary' | 'success' | 'danger' | 'warning';
+    onClick?: () => void;
+    disabled?: boolean;
+}
+export declare const ButtonTooltip: ({ icon, label, variant, onClick, disabled }: ButtonTooltipProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/packages/tareas/src/components/molecules/Pagination.d.ts

@@ -0,0 +1,16 @@
+declare const OPTIONS: number[];
+interface PaginationProps {
+    currentPage: number;
+    pageCount: number;
+    elementsOfText?: string;
+    pageSize?: (typeof OPTIONS)[number];
+    pageSizeText?: string;
+    total?: number;
+    optionsSize?: number[];
+    onPageChange: (page: number) => void;
+    handlePageSize?: (pageSize: number) => void;
+    className?: string;
+    maxVisiblePages?: number;
+}
+export declare const Pagination: ({ currentPage, pageCount, pageSize, total, pageSizeText, elementsOfText, optionsSize, onPageChange, handlePageSize, className, maxVisiblePages, }: PaginationProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/packages/tareas/src/components/molecules/PickerColor.d.ts

@@ -0,0 +1,8 @@
+interface PickerColorProps {
+    color: string;
+    setColor: (color: string) => void;
+    label?: string;
+    className?: string;
+}
+export declare function ColorPicker({ color, setColor, label, className, }: PickerColorProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/packages/tareas/src/components/organisms/ConfirmationModal.d.ts

@@ -0,0 +1,13 @@
+interface ConfirmationModalProps {
+    open: boolean;
+    handleChange: (open: boolean) => void;
+    onConfirm: () => void;
+    children?: React.ReactNode;
+    title?: string;
+    isLoading?: boolean;
+    contentLabel?: string;
+    confirmLabel?: string;
+    cancelLabel?: string;
+}
+export declare const ConfirmationModal: ({ open, handleChange, children, title, onConfirm, contentLabel, confirmLabel, cancelLabel, isLoading }: ConfirmationModalProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/packages/tareas/src/components/organisms/Paginator.d.ts

@@ -0,0 +1,16 @@
+import { default as React } from 'react';
+import { UseQueryResult } from '@tanstack/react-query';
+import { ApiResponse } from '../../types/api.types';
+import { UseQueryProps } from '../../types/interfaces';
+interface PaginatorProps<T, U> {
+    children: (data: T[], isFetching: boolean) => React.ReactNode;
+    pageSize?: number;
+    Loading?: React.ReactElement;
+    loadingText?: string;
+    queryHook: (params: UseQueryProps<U>) => UseQueryResult<ApiResponse<T>, unknown>;
+    searchTerm?: string;
+    filters?: U;
+}
+declare function PaginatorComponent<T, U>({ children, queryHook, pageSize, Loading, loadingText, searchTerm, filters, }: PaginatorProps<T, U>): import("react/jsx-runtime").JSX.Element;
+export declare const Paginator: typeof PaginatorComponent;
+export {};

package/dist/packages/tareas/src/components/organisms/modal/Modal.d.ts

@@ -0,0 +1,20 @@
+import { default as React } from 'react';
+type CloseIconsType = 'default' | 'circle';
+type Sizes = 'sm' | 'md' | 'lg' | 'xl' | 'full';
+interface Props {
+    open: boolean;
+    handleChange: (open: boolean) => void;
+    children: React.ReactNode;
+    size?: Sizes;
+    title?: string;
+    isButtonClose?: boolean;
+    closeIcon?: CloseIconsType;
+    dialogClassName?: string;
+    contentClassName?: string;
+    headerClassName?: string;
+    noMinHeight?: boolean;
+    titleClassName?: string;
+    descriptionClassName?: string;
+}
+export declare function Modal({ handleChange, open, size, title, children, noMinHeight, dialogClassName, contentClassName, headerClassName, titleClassName, isButtonClose, descriptionClassName, closeIcon, }: Props): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/packages/tareas/src/constants/animation.d.ts

@@ -0,0 +1,4 @@
+export declare const ANIMATION: {
+    'spin-slow': string;
+    'spin-fast': string;
+};

package/dist/packages/tareas/src/core/actions/get_all_users.action.d.ts

@@ -1,5 +1,6 @@
 import { AxiosInstance } from 'axios';
-import { IUsers } from '../../infraestructure/interfaces/users';
+import { IUsers, IndexUsers } from '../../infraestructure/interfaces/users';
+import { IUsersResponseOBP } from '../../infraestructure/interfaces/users-mt-response';
 /**
  * Obtiene los usuarios que son miembros de un equipo
  * @param tasks_api - AxiosInstance
@@ -8,3 +9,6 @@ import { IUsers } from '../../infraestructure/interfaces/users';
 export declare const getAllUSersResponse: ({ tasks_api, }: {
     tasks_api: AxiosInstance;
 }) => Promise<IUsers[]>;
+export declare const getAllUserWithIndexResponse: ({ users }: {
+    users: IUsersResponseOBP[];
+}) => Promise<IndexUsers>;

package/dist/packages/tareas/src/core/actions/get_teams_project.action.d.ts

@@ -0,0 +1,44 @@
+import { AxiosInstance } from 'axios';
+export interface IFilters {
+    owner: IOwner;
+    taskName?: string;
+    difficulty?: TDifficulty;
+    priority?: TPriority;
+    dependency?: IDependency;
+    status?: TStatus;
+    project?: IProject;
+    salesman?: ISalesman;
+    pagination?: IPagination;
+    justProjects?: boolean;
+    populate?: string[];
+}
+interface IOwner {
+    user: number;
+    config?: TConfigs;
+}
+interface IProject {
+    id?: number;
+    name?: string;
+}
+interface ISalesman {
+    id?: number;
+    name?: string;
+}
+interface IPagination {
+    page?: number;
+    pageSize?: number;
+    withCount?: boolean;
+}
+interface IGetTasksResponse {
+    filters: IFilters;
+    page?: number;
+    limit?: number;
+    tasks_api: AxiosInstance;
+}
+type TConfigs = 'yo_y_mis_equipos' | 'mis_equipos' | 'yo';
+type TDifficulty = 'Muy facil' | 'Facil' | 'Media' | 'Dificil' | 'Muy dificil';
+type TPriority = 'Sin prioridad' | 'Prioridad Baja' | 'Prioridad Media' | 'Prioridad Alta';
+type IDependency = 'con' | 'sin';
+type TStatus = 'por_hacer' | 'trabajando' | 'completadas';
+export declare const getTeamsResponse: ({ filters, tasks_api }: IGetTasksResponse) => Promise<void>;
+export {};

package/dist/packages/tareas/src/core/actions/user_task/get_all_users.action.d.ts

@@ -0,0 +1,5 @@
+import { AxiosInstance } from 'axios';
+import { IUsers } from '../../../infraestructure/interfaces/users-mt';
+export declare const getAllUsersResponse: ({ tasks_api, }: {
+    tasks_api: AxiosInstance;
+}) => Promise<IUsers[]>;

package/dist/packages/tareas/src/hooks/useAllUsersOBP.d.ts

@@ -1,4 +1,4 @@
 declare const useAllUsers: () => {
-    users: import('@tanstack/react-query').UseQueryResult<any, Error>;
+    users: import('@tanstack/react-query').UseQueryResult<import('../infraestructure/interfaces/users-mt-response').IUsersResponseOBP[], Error>;
 };
 export default useAllUsers;

package/dist/packages/tareas/src/hooks/useAllUsersWithIndex.d.ts

@@ -0,0 +1,5 @@
+declare const useAllUsersWithIndex: () => {
+    users: import('../infraestructure/interfaces/users').IndexUsers;
+    isLoading: boolean;
+};
+export default useAllUsersWithIndex;

package/dist/packages/tareas/src/hooks/useApiError.d.ts

@@ -0,0 +1,3 @@
+export declare const useApiError: () => {
+    handleApiError: (error: unknown) => string;
+};

package/dist/packages/tareas/src/hooks/useUsers.d.ts

@@ -0,0 +1,5 @@
+declare const useUsers: () => {
+    isLoading: boolean;
+    users: import('../infraestructure/interfaces/users-mt').IUsers[];
+};
+export default useUsers;

package/dist/packages/tareas/src/infraestructure/interfaces/users-mt-response.d.ts

@@ -0,0 +1,59 @@
+export interface IUsersResponse {
+    id: number;
+    image?: string;
+    email: string;
+    nombre: string;
+    provider: string;
+    confirmed: boolean;
+    blocked: boolean;
+    createdAt: string;
+    updatedAt: string;
+    username: string;
+}
+type ImageFormat = {
+    ext: string;
+    url: string;
+    hash: string;
+    mime: string;
+    name: string;
+    path: string | null;
+    size: number;
+    width: number;
+    height: number;
+};
+export interface IUsersResponseOBP {
+    id: number;
+    nombre: string;
+    username: string;
+    email: string;
+    blocked: boolean;
+    siglas: string;
+    role: {
+        id: number;
+        name: string;
+    };
+    imagen: {
+        id: number;
+        name: string;
+        formats: {
+            large: ImageFormat;
+            small: ImageFormat;
+            medium: ImageFormat;
+            thumbnail: ImageFormat;
+        };
+    };
+    tasksUser: {
+        id: number;
+        nombre: string;
+        email: string;
+    };
+    esMiembroEquipo: {
+        id: number;
+        idUser: {
+            id: number;
+            nombre: string;
+            email: string;
+        };
+    };
+}
+export {};

package/dist/packages/tareas/src/infraestructure/interfaces/users-mt.d.ts

@@ -0,0 +1,6 @@
+export interface IUsers {
+    id: number;
+    name: string;
+    image?: string;
+    email?: string;
+}

package/dist/packages/tareas/src/infraestructure/interfaces/users.d.ts

@@ -7,4 +7,11 @@ export interface IUsers {
         id: number;
         nombre: string;
     };
+    role: {
+        id: number;
+        name: string;
+    };
+}
+export interface IndexUsers {
+    [key: string]: IUsers;
 }

package/dist/packages/tareas/src/infraestructure/mappers/all-users-obp.d.ts

@@ -1,5 +1,7 @@
+import { IUsersResponseOBP } from '../interfaces/users-mt-response';
+import { IUsers, IndexUsers } from '../interfaces/users';
 import { IAllUsersOBPResponse } from '../interfaces/users-obp-response';
-import { IUsers } from '../interfaces/users';
 export declare class AllUsersOBPMapper {
     static toUsers(user: IAllUsersOBPResponse): IUsers;
+    static toUsersWithIndex(users: IUsersResponseOBP[]): IndexUsers;
 }

package/dist/packages/tareas/src/infraestructure/mappers/all-users.d.ts

@@ -0,0 +1,5 @@
+import { IUsersResponse } from '../interfaces/users-mt-response';
+import { IUsers } from '../interfaces/users-mt';
+export declare class AllUsersMapper {
+    static toUsers(user: IUsersResponse): IUsers;
+}

package/dist/packages/tareas/src/modules/teams/constants/const.d.ts

@@ -0,0 +1,3 @@
+import { Member } from '../infrastructure/interfaces/team';
+export declare const INITIAL_MEMBER: Member;
+export declare const MANAGER_ROLE = "Project Manager";

package/dist/packages/tareas/src/modules/teams/hooks/index.d.ts

@@ -0,0 +1,2 @@
+export * from './useTeams';
+export * from './useTeamMutations';

package/dist/packages/tareas/src/modules/teams/hooks/useTeamMutations.d.ts

@@ -0,0 +1,21 @@
+import { AxiosError } from 'axios';
+import { ApiResponse } from '../../../types/api.types';
+import { Team, Member } from '../infrastructure/interfaces/team';
+type UpdateTeamParams = {
+    teamId: number;
+    data: Team;
+};
+type UpdateMemberParams<T extends keyof Member> = {
+    memberId: number;
+    field: T;
+    value: Member[T];
+};
+export declare const useTeamMutations: () => {
+    addTeamHandler: import('@tanstack/react-query').UseMutateAsyncFunction<any, AxiosError<unknown, any>, Team, void>;
+    deleteTeamHandler: import('@tanstack/react-query').UseMutateAsyncFunction<ApiResponse<Team>, Error, number, unknown>;
+    updateTeamHandler: import('@tanstack/react-query').UseMutateAsyncFunction<ApiResponse<Team>, Error, UpdateTeamParams, unknown>;
+    updateMemberHandler: import('@tanstack/react-query').UseMutateAsyncFunction<ApiResponse<Member>, Error, UpdateMemberParams<keyof Member>, unknown>;
+    invalidateTeams: () => void;
+    isLoadingDeleteTeam: boolean;
+};
+export {};

package/dist/packages/tareas/src/modules/teams/hooks/useTeams.d.ts

@@ -0,0 +1,16 @@
+import { UseQueryResult } from '@tanstack/react-query';
+import { AxiosInstance } from 'axios';
+import { ApiResponse, MetaData } from '../../../types/api.types';
+import { Team, TeamFilters } from '../infrastructure/interfaces/team';
+import { UseQueryProps } from '../../../types/interfaces';
+export declare const getAllTeamsResponse: ({ tasks_api, page, pageSize, search, filters }: {
+    tasks_api: AxiosInstance;
+    page?: number;
+    pageSize?: number;
+    search?: string;
+    filters?: TeamFilters;
+}) => Promise<{
+    data: Team[];
+    meta: MetaData;
+}>;
+export declare const useTeams: ({ page, pageSize, search, filters }: UseQueryProps<TeamFilters>) => UseQueryResult<ApiResponse<Team>, unknown>;

package/dist/packages/tareas/src/modules/teams/infrastructure/interfaces/populate.d.ts

@@ -0,0 +1,34 @@
+type BaseFields = {
+    miembro_padre: {
+        fields: string[];
+    };
+    idUser: {
+        populate: string;
+    };
+    miembros: {
+        populate: BaseFields | {
+            populate: string;
+        };
+        filters: {
+            idUser: {
+                blocked: boolean;
+            };
+        };
+    };
+};
+export type NestedStructure = BaseFields | {
+    populate: string;
+};
+export interface PopulateStructure {
+    miembros: {
+        populate: BaseFields | {
+            populate: string;
+        };
+        filters: {
+            idUser: {
+                blocked: boolean;
+            };
+        };
+    };
+}
+export {};

package/dist/packages/tareas/src/modules/teams/infrastructure/interfaces/team.d.ts

@@ -0,0 +1,62 @@
+export interface User {
+    id: number;
+    username: string;
+    email: string;
+    provider: string;
+    confirmed: boolean;
+    blocked: boolean;
+    createdAt: string;
+    updatedAt: string;
+    nombre: string;
+    image?: string;
+}
+export interface Member {
+    id: number | null;
+    uid: number;
+    esEncargado: boolean;
+    idUser: User;
+    miembros: MemberList | null;
+    miembro_padre: Member | null;
+    createdAt?: string;
+    updatedAt?: string;
+}
+export type EmptyMember = Omit<Member, 'createdAt' | 'updatedAt' | 'idUser' | 'miembro_padre'> & {
+    idUser: {
+        id: number;
+        nombre?: string;
+        email?: string;
+        image?: string;
+    };
+    miembros: MemberList;
+    miembro_padre: {
+        id?: number | null;
+        uid?: number | null;
+        idUser?: {
+            id?: number;
+            nombre?: string;
+            email?: string;
+            image?: string;
+        };
+    };
+};
+export type MemberListToUpdate = {
+    miembro_id: number;
+    user_id: number;
+};
+export interface Team {
+    id: number;
+    nombre: string;
+    color: string;
+    createdAt?: string;
+    updatedAt?: string;
+    miembros: MemberList;
+    miembros_eliminar: number[];
+    miembros_actualizar: MemberListToUpdate[];
+    miembros_planos: MemberList;
+    integrantes: number;
+}
+export type MemberList = (Member | EmptyMember)[];
+export type MemberObject = Member | EmptyMember;
+export interface TeamFilters {
+    nombre?: string;
+}

package/dist/packages/tareas/src/modules/teams/infrastructure/mappers/teams.d.ts

@@ -0,0 +1,21 @@
+import { MemberList, Team } from '../interfaces/team';
+export declare const setMembersHierarchy: ({ items }: {
+    items: MemberList;
+}) => {
+    members: MemberList;
+    allMembers: MemberList;
+};
+export declare const mapperDataTeams: ({ items }: {
+    items: Team[];
+}) => {
+    integrantes: number;
+    miembros: MemberList;
+    miembros_planos: MemberList;
+    miembros_eliminar: any[];
+    miembros_actualizar: any[];
+    id: number;
+    nombre: string;
+    color: string;
+    createdAt?: string;
+    updatedAt?: string;
+}[];

package/dist/packages/tareas/src/modules/teams/ui/atoms/TeamModalFooter.d.ts

@@ -0,0 +1,7 @@
+interface TeamModalFooterProps {
+    onCancel: () => void;
+    onSave: () => void;
+    isLoading: boolean;
+}
+export declare function TeamModalFooter({ onCancel, onSave, isLoading }: TeamModalFooterProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/packages/tareas/src/modules/teams/ui/atoms/TeamModalHeader.d.ts

@@ -0,0 +1,7 @@
+import { Icons } from '@imj_media/tasks-modules';
+interface TeamModalHeaderProps {
+    title: string;
+    icon: Parameters<typeof Icons>[0]['icon'];
+}
+export declare function TeamModalHeader({ title, icon }: TeamModalHeaderProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/packages/tareas/src/modules/teams/ui/atoms/TeamNameInput.d.ts

@@ -0,0 +1,6 @@
+interface TeamNameInputProps {
+    value: string;
+    onChange: (value: string) => void;
+}
+export declare function TeamNameInput({ value, onChange }: TeamNameInputProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/packages/tareas/src/modules/teams/ui/atoms/TeamNode.d.ts

@@ -0,0 +1,9 @@
+interface TeamNodeProps {
+    data: {
+        name: string;
+        image?: string;
+        job?: string;
+    };
+}
+export declare function TeamNode({ data }: TeamNodeProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/packages/tareas/src/modules/teams/ui/atoms/index.d.ts

@@ -0,0 +1,4 @@
+export { TeamModalFooter } from './TeamModalFooter';
+export { TeamModalHeader } from './TeamModalHeader';
+export { TeamNameInput } from './TeamNameInput';
+export { TeamNode } from './TeamNode';

package/dist/packages/tareas/src/modules/teams/ui/index.d.ts

@@ -0,0 +1,3 @@
+export * from './atoms';
+export * from './molecules';
+export * from './organisms';

package/dist/packages/tareas/src/modules/teams/ui/molecules/TeamsModal.d.ts

@@ -0,0 +1,8 @@
+import { Team } from '../../infrastructure/interfaces/team';
+interface TeamsModalProps {
+    open: boolean;
+    handleChange: (open: boolean) => void;
+    team?: Team;
+}
+export declare function TeamsModal({ open, handleChange, team }: TeamsModalProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/packages/tareas/src/modules/teams/ui/molecules/TeamsOrganigram.d.ts

@@ -0,0 +1,6 @@
+import { MemberList } from '../../infrastructure/interfaces/team';
+export declare function TeamsOrganigram({ open, handleChange, members, }: {
+    open: boolean;
+    handleChange: (open: boolean) => void;
+    members?: MemberList;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/packages/tareas/src/modules/teams/ui/molecules/createUpdate/MemberActions.d.ts

@@ -0,0 +1,12 @@
+import { MemberListToUpdate, MemberObject } from '../../../infrastructure/interfaces/team';
+type MemberActionsProps = {
+    member: MemberObject;
+    level: number;
+    isUpdate?: boolean;
+    addHandler: (member: MemberObject) => void;
+    updateHandler: (member: MemberObject) => void;
+    removeHandler: (member: MemberObject) => void;
+    updateMemberHandler: (list: MemberListToUpdate) => void;
+};
+export declare const MemberActions: ({ member, level, isUpdate, addHandler, updateHandler, removeHandler, updateMemberHandler, }: MemberActionsProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/packages/tareas/src/modules/teams/ui/molecules/createUpdate/MemberItem.d.ts

@@ -0,0 +1,5 @@
+import { Member } from '../../../infrastructure/interfaces/team';
+export declare const MemberItem: ({ member, removeHandler, }: {
+    member: Member;
+    removeHandler: (member: Member) => void;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/packages/tareas/src/modules/teams/ui/molecules/createUpdate/MemberNode.d.ts

@@ -0,0 +1,8 @@
+import { Dispatch, SetStateAction } from 'react';
+import { MemberObject, Team } from '../../../infrastructure/interfaces/team';
+export declare const MemberNode: ({ member, level, isUpdate, setData, }: {
+    member: MemberObject;
+    level: number;
+    isUpdate?: boolean;
+    setData: Dispatch<SetStateAction<Team>>;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/packages/tareas/src/modules/teams/ui/molecules/createUpdate/MembersList.d.ts

@@ -0,0 +1,8 @@
+import { Dispatch, SetStateAction } from 'react';
+import { MemberList, Team } from '../../../infrastructure/interfaces/team';
+export declare const MembersList: ({ members, level, isUpdate, setData, }: {
+    members: MemberList;
+    level?: number;
+    isUpdate?: boolean;
+    setData?: Dispatch<SetStateAction<Team>>;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/packages/tareas/src/modules/teams/ui/molecules/createUpdate/index.d.ts

@@ -0,0 +1,4 @@
+export { MemberActions } from './MemberActions';
+export { MemberItem } from './MemberItem';
+export { MemberNode } from './MemberNode';
+export { MembersList } from './MembersList';

package/dist/packages/tareas/src/modules/teams/ui/molecules/index.d.ts

@@ -0,0 +1,3 @@
+export { TeamsModal } from './TeamsModal';
+export { TeamsOrganigram } from './TeamsOrganigram';
+export { MemberActions, MemberItem, MemberNode, MembersList } from './createUpdate';

package/dist/packages/tareas/src/modules/teams/ui/molecules/temporal/Dropdown.d.ts

@@ -0,0 +1,45 @@
+/**
+* Componente de búsqueda con dropdown que permite seleccionar opciones de una lista
+* @param {boolean} isOpen - Controla si el dropdown está abierto o cerrado
+* @param {string} [initialValue] - Valor inicial del dropdown
+* @param {() => void} [onClose] - Función opcional que se ejecuta cuando se cierra el dropdown
+* @param {string[] | Record<string, any>[]} options - Lista de opciones a mostrar en el dropdown
+* @param {(option: any) => void} onSelect - Función que se ejecuta cuando se selecciona una opción
+* @param {string} [placeholderDropdown] - Texto de placeholder para el botón del dropdown
+* @param {string} [placeholderInput] - Texto de placeholder para el input de búsqueda
+* @param {string} [className] - Clases CSS adicionales para el contenedor principal
+* @param {string} [selectClassName] - Clases CSS adicionales para el botón de selección
+* @param {string} [containerOptionsClassName] - Clases CSS adicionales para el contenedor de opciones
+* @param {string} [optionClassName] - Clases CSS adicionales para cada opción del dropdown
+* @param {{ id: string; nombre: string }} [fields] - Campos personalizados para los objetos en options
+*/
+export type DropDownSearchProps = {
+    isOpen: boolean;
+    initialValue?: string | Record<string, any>;
+    onClose?: () => void;
+    options: string[] | Record<string, any>[];
+    onSelect: (option: any) => void;
+    placeholderDropdown?: string;
+    placeholderInput?: string;
+    className?: string;
+    selectClassName?: string;
+    containerOptionsClassName?: string;
+    optionClassName?: string;
+    fields?: {
+        id: string;
+        nombre: string;
+    };
+};
+/**
+* Componente de búsqueda con dropdown que permite seleccionar opciones de una lista
+* @example
+* ```tsx
+* <DropDownSearch
+*   isOpen={true}
+*   options={['Opción 1', 'Opción 2']}
+*   onSelect={(option, id, index) => console.log(option)}
+*   placeholderDropdown="Seleccione una opción"
+* />
+* ```
+*/
+export declare const DropDownSearch: ({ isOpen, initialValue, onClose, options, onSelect, placeholderDropdown, placeholderInput, className, selectClassName, containerOptionsClassName, optionClassName, fields, }: DropDownSearchProps) => import("react/jsx-runtime").JSX.Element;