@imj_media/tareas 1.5.56 → 1.6.1

package/README.md

@@ -8,10 +8,12 @@ Este paquete importa **componentes** desde `@imj_media/ui`, pero **no** debe car
 
 **Contrato para la aplicación host**
 
-1. Importar **una sola vez** en el entry o layout raíz:
+1. Importar **una sola vez** en el entry o layout raíz (Orbit antes que UI y estilos de tareas):
 
    ```ts
+   import '@imj_media/orbit-tokens/css/tokens.css';
    import '@imj_media/ui/index.css';
+   import '@imj_media/tareas/styles.css';
    ```
 
 2. Declarar `@imj_media/ui` como dependencia alineada con la versión `peer` que indique este paquete.

package/dist/src/modules/teams/ui/organisms/TeamsGridSkeleton.d.ts

@@ -1,4 +1,8 @@
+/** Misma rejilla que `TeamsGrid` — un solo origen para layout de carga y datos. */
+export declare const TEAMS_GRID_LAYOUT_CLASS = "tm-grid tm-w-full tm-grid-cols-1 tm-items-baseline tm-gap-x-12 tm-gap-y-12 md:tm-grid-cols-2 lg:tm-grid-cols-3 lg:tm-gap-x-8 xl:tm-grid-cols-4";
 export declare function ImagesThumbnailSkeleton(): import("react/jsx-runtime").JSX.Element;
-export declare function TeamsGridSkeleton({ length }: {
+type TeamsGridSkeletonProps = {
     length?: number;
-}): import("react/jsx-runtime").JSX.Element;
+};
+export declare function TeamsGridSkeleton({ length }: TeamsGridSkeletonProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/src/modules/templates/components/atoms/tasks/AssignedTeam.d.ts

@@ -0,0 +1,23 @@
+/**
+ * @fileoverview Indicador visual del equipo asignado en la card de tarea del flujo (plantillas).
+ * Pila de avatares (DS `Avatar`/`AvatarStack`), contador `+N` si hay más miembros, etiqueta fija «Equipo» y tooltip con el nombre del equipo.
+ * @module modules/templates/components/atoms/tasks/AssignedTeam
+ */
+/**
+ * Datos de equipo persistidos en el nodo de la tarea (id obligatorio para fetch; nombre opcional como respaldo de UI).
+ */
+export type EquipoCardData = {
+    id?: number | string | null;
+    nombre?: string | null;
+} | null;
+/**
+ * Columna "Equipo" en la card del flujo: avatares de miembros (foto vía índice OBP por email),
+ * estado de carga, fallback sin miembros y `Tooltip` de `@imj_media/ui` con el nombre del equipo.
+ *
+ * @param props - Props del componente.
+ * @param props.equipo - Referencia al equipo (`id` y opcionalmente `nombre` desde el formulario / nodo).
+ * @returns `null` si no hay `equipo.id` válido; en caso contrario el bloque UI alineado al resto de métricas de la card.
+ */
+export declare const AssignedTeam: ({ equipo }: {
+    equipo: EquipoCardData;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/src/modules/templates/components/atoms/tasks/Responsible.d.ts

@@ -1,6 +1,7 @@
-export declare const Responsible: ({ responsible }: {
-    responsible: {
-        id: string;
-        email: string;
-    };
+export type ResponsibleUser = {
+    id?: string | number | null;
+    email?: string | null;
+};
+export declare const Responsible: ({ responsible, }: {
+    responsible: ResponsibleUser | null | undefined;
 }) => import("react/jsx-runtime").JSX.Element;

package/dist/src/modules/templates/components/atoms/tasks/index.d.ts

@@ -1,3 +1,4 @@
+export * from './AssignedTeam';
 export * from './Difficulty';
 export * from './Duration';
 export * from './Priority';

package/dist/src/modules/templates/hooks/filters/useGetInputFiltersByPath.d.ts

@@ -38,7 +38,7 @@ export declare const useGetInputFiltersByPath: (currentPath: string) => {
         options?: import('@imj_media/ui').DropdownOption[];
         placeholder?: string;
         clearText?: string;
-        type?: "date" | "multiple" | "group" | "dropdown" | "input" | "textarea" | "dateRange";
+        type?: "date" | "group" | "dropdown" | "input" | "textarea" | "multiple" | "dateRange";
         title?: string;
     } | {
         options: any;
@@ -49,7 +49,7 @@ export declare const useGetInputFiltersByPath: (currentPath: string) => {
         onValueChange?: (value: import('@imj_media/ui').FilterChangeValue) => void;
         placeholder?: string;
         clearText?: string;
-        type?: "date" | "multiple" | "group" | "dropdown" | "input" | "textarea" | "dateRange";
+        type?: "date" | "group" | "dropdown" | "input" | "textarea" | "multiple" | "dateRange";
         title?: string;
     })[];
 };

package/dist/src/modules/templates/hooks/useTeamFlowPreview.d.ts

@@ -0,0 +1,34 @@
+/**
+ * @fileoverview Datos de vista previa de un equipo para cards de flujo de plantillas.
+ * Obtiene nombre, jerarquía de miembros y lista plana de usuarios (deduplicada) vía API Strapi.
+ * @module modules/templates/hooks/useTeamFlowPreview
+ */
+/**
+ * Usuario deduplicado extraído de la jerarquía `miembros` del equipo (para avatares en UI).
+ */
+export type TeamFlowMemberPreview = {
+    id: number;
+    nombre: string;
+    email: string;
+    image?: unknown;
+};
+/**
+ * Forma mínima del equipo tras normalizar la respuesta de la API (nombre + árbol de miembros).
+ */
+export type TeamFlowPreview = {
+    nombre: string;
+    miembros: unknown[];
+};
+/**
+ * React Query: carga datos de un equipo para mostrar avatares y tooltip en cards del flujo.
+ * La petición solo se ejecuta si `teamId` es un entero positivo válido. Varias cards con el
+ * mismo `teamId` comparten caché (`queryKey` incluye el id).
+ *
+ * @param teamId - Id del equipo en la tarea (`equipo.id`), o `null`/`undefined` para no consultar.
+ * @returns Resultado estándar de `useQuery` (`data`, `isLoading`, `isError`, etc.). `data` contiene
+ *          `{ team: { nombre, miembros }, members: TeamFlowMemberPreview[] }` cuando hay éxito.
+ */
+export declare const useTeamFlowPreview: (teamId: number | null | undefined) => import('@tanstack/react-query').UseQueryResult<{
+    team: TeamFlowPreview;
+    members: TeamFlowMemberPreview[];
+}, Error>;