helppeople-ui 1.4.2 → 1.6.0

package/dist/components/CustomPagination/CustomPagination.d.ts

@@ -0,0 +1,5 @@
+import { PaginationProps as AntPaginationProps } from 'antd';
+export interface CustomPaginationProps extends AntPaginationProps {
+}
+declare const CustomPagination: React.FC<CustomPaginationProps>;
+export default CustomPagination;

package/dist/components/CustomTimeline/CustomTimeline.d.ts

@@ -0,0 +1,84 @@
+import { default as React } from 'react';
+import { TimelineProps } from 'antd';
+/**
+ * Item del Timeline renderizado
+ */
+export interface TimelineItem {
+    label?: React.ReactNode;
+    children: React.ReactNode;
+    color?: string;
+    dot?: React.ReactNode;
+}
+/**
+ * Estructura de datos específica para expedientes (ejemplo)
+ * Puedes usar esta interfaz o definir tu propia estructura
+ */
+export interface TimelineItemData {
+    /** Código del expediente */
+    CodigoExpediente?: string;
+    /** ID del flujo de orden de trabajo */
+    IDFlujoOrdenTrabajo?: number;
+    /** Descripción del flujo */
+    DescripcionFlujo?: string;
+    /** Nombre del usuario */
+    NombreUsuario?: string;
+    /** Mensaje o descripción del evento */
+    Mensaje: string;
+    /** Fecha del evento */
+    Fecha: string;
+    /** Color del punto del timeline */
+    color?: string;
+    /** Icono personalizado para el punto */
+    dot?: React.ReactNode;
+}
+/**
+ * Props del componente CustomTimeline
+ * @template T - Tipo de datos que se pasarán al timeline
+ */
+export interface CustomTimelineProps<T = TimelineItemData> extends Omit<TimelineProps, "items"> {
+    /** Array de datos para el timeline */
+    data: T[];
+    /** Modo del timeline: izquierda, derecha o alternado */
+    mode?: "left" | "right" | "alternate";
+    /** Si se muestra en orden inverso */
+    reverse?: boolean;
+    /** Si hay un elemento pendiente */
+    pending?: React.ReactNode;
+    /**
+     * Función para renderizar cada item del timeline
+     * @param item - El item de datos
+     * @param index - El índice del item en el array
+     * @returns Objeto con las propiedades del item renderizado
+     */
+    renderItem: (item: T, index: number) => TimelineItem;
+    /** Estilo personalizado para el contenedor */
+    style?: React.CSSProperties;
+    /** Clase CSS personalizada */
+    className?: string;
+}
+/**
+ * Props específicas para TimelineItemData con opciones predefinidas
+ */
+export interface TimelineItemDataProps extends Omit<CustomTimelineProps<TimelineItemData>, "renderItem"> {
+    /** Renderizado personalizado opcional para TimelineItemData */
+    renderItem?: (item: TimelineItemData, index: number) => TimelineItem;
+    /** Mostrar el código de expediente */
+    showExpediente?: boolean;
+    /** Mostrar el nombre del usuario */
+    showUsuario?: boolean;
+    /** Mostrar la descripción del flujo */
+    showFlujo?: boolean;
+    /** Formato de fecha personalizado */
+    dateFormatter?: (fecha: string) => string;
+}
+/**
+ * Componente Timeline genérico
+ * Acepta cualquier tipo de datos y requiere una función renderItem
+ */
+declare function CustomTimeline<T = TimelineItemData>({ data, mode, reverse, pending, renderItem, style, className, ...timelineProps }: CustomTimelineProps<T>): import("react/jsx-runtime").JSX.Element;
+/**
+ * Timeline con renderizado por defecto para TimelineItemData
+ * Incluye opciones para mostrar/ocultar campos específicos
+ */
+export declare const TimelineWithDefaults: React.FC<TimelineItemDataProps>;
+export default CustomTimeline;

package/dist/components/CustomTimeline/index.d.ts

@@ -0,0 +1,2 @@
+export { default, TimelineWithDefaults } from './CustomTimeline';
+export type { CustomTimelineProps, TimelineItemData, TimelineItem, TimelineItemDataProps, } from './CustomTimeline';

package/dist/examples/CustomPaginationExample/ExampleCustomPagination.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+declare const ExampleCustomPagination: React.FC;
+export default ExampleCustomPagination;

package/dist/examples/CustomTimelineExample/CustomTimelineExample.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+declare const CustomTimelineExample: React.FC;
+export default CustomTimelineExample;

package/dist/index.d.ts

@@ -14,6 +14,7 @@ export { default as RadioGroup } from './components/CustomRadioGroup/CustomRadio
 export { default as Select } from './components/CustomSelect/CustomSelect';
 export { default as Skeleton } from './components/CustomSkeleton/CustomSkeleton';
 export { default as Spin } from './components/CustomSpin/CustomSpin';
+export { default as Pagination } from './components/CustomPagination/CustomPagination';
 export { default as Table } from './components/CustomTable/CustomTable';
 export { default as Tabs } from './components/CustomTabs/CustomTabs';
 export { default as Toolbar } from './components/CustomToolbar/CustomToolbar';
@@ -45,6 +46,7 @@ export { default as TableTransfer } from './components/CustomTableTransfer/Custo
 export { default as RelationSelector } from './components/CustomRelationSelector/CustomRelationSelector';
 export { default as NotificationBadge } from './components/CustomNotificationBadge/CustomNotificationBadge';
 export { default as NotificationDropdown } from './components/CustomNotificationDropdown/CustomNotificationDropdown';
+export { default as Timeline, TimelineWithDefaults, } from './components/CustomTimeline/CustomTimeline';
 export type { AccordionItem, CustomAccordionProps, } from './components/CustomAccordion/CustomAccordion';
 export type { TransferDataItem, CustomTransferProps, } from './components/CustomTransfer/CustomTransfer';
 export type { CustomTableTransferProps, RemotePaginationConfig, PagerState, PagerPosition, } from './components/CustomTableTransfer/CustomTableTransfer';
@@ -52,8 +54,10 @@ export type { CustomRelationSelectorProps, LeftPanelConfig, RightPanelConfig, }
 export type { DragAndDropItem } from './components/CustomDragAndDrop/CustomDragAndDrop';
 export type { CustomNotificationBadgeProps } from './components/CustomNotificationBadge/CustomNotificationBadge';
 export type { CustomNotificationDropdownProps, NotificationItem, NotificationAction, } from './components/CustomNotificationDropdown/CustomNotificationDropdown';
+export type { CustomTimelineProps, TimelineItemData, TimelineItem, TimelineItemDataProps, } from './components/CustomTimeline/CustomTimeline';
 export { default as Empty } from './components/CustomEmpty/CustomEmpty';
 export { default as List } from './components/CustomList/CustomList';
 export { default as LibraryThemeProvider } from './theme/LibraryThemeProvider';
 export { default as Message } from './components/CustomMessage/CustomMessage';
 export * from './components/Icons/CustomIcon';
+export type { CustomPaginationProps } from './components/CustomPagination/CustomPagination';