@hed-hog/operations 0.0.330 → 0.0.331

package/src/dashboard/widgets/TeamWorkloadAlerts.tsx

@@ -0,0 +1,81 @@
+'use client';
+
+import React from 'react';
+import { AlertTriangle, TrendingDown, Clock, Users } from 'lucide-react';
+
+interface Alert {
+  id: string;
+  type: 'overload' | 'underload' | 'deadline' | 'absence';
+  severity: 'critical' | 'warning' | 'info';
+  title: string;
+  description: string;
+  affectedCount: number;
+}
+
+interface TeamWorkloadAlertsProps {
+  slug: string;
+  title: string;
+  roleSlug: string;
+  width?: number;
+  height?: number;
+  data?: { alerts: Alert[]; criticalCount: number };
+  style?: React.CSSProperties;
+}
+
+const TeamWorkloadAlerts: React.FC<TeamWorkloadAlertsProps> = ({
+  title,
+  data = { alerts: [], criticalCount: 0 },
+  style,
+}) => {
+  const getAlertIcon = (type: string) => ({ overload: '⚠️', underload: '📉', deadline: '⏰', absence: '👤' }[type] || '📋');
+  const getAlertColor = (severity: string) => {
+    switch (severity) {
+      case 'critical': return 'bg-red-50 border-red-300 border-l-4';
+      case 'warning': return 'bg-yellow-50 border-yellow-300 border-l-4';
+      default: return 'bg-blue-50 border-blue-300 border-l-4';
+    }
+  };
+  const getSeverityDot = (severity: string) => severity === 'critical' ? 'bg-red-500 animate-pulse' : severity === 'warning' ? 'bg-yellow-500' : 'bg-blue-500';
+
+  return (
+    <div className="bg-linear-to-br from-white to-yellow-50 rounded-lg shadow-sm p-4 border border-yellow-100" style={style}>
+      <div className="flex items-center justify-between mb-4">
+        <h3 className="text-sm font-medium text-gray-700">{title}</h3>
+        {data.criticalCount > 0 && <AlertTriangle className="w-5 h-5 text-red-600 animate-pulse" />}
+      </div>
+      <div className="space-y-3">
+        {data.alerts.length === 0 ? (
+          <div className="text-center py-6"><TrendingDown className="w-8 h-8 text-green-400 mx-auto mb-2" /><p className="text-sm text-gray-600">Nenhum alerta crítico</p></div>
+        ) : (
+          <>
+            {data.criticalCount > 0 && (
+              <div className="bg-red-100 rounded-lg p-3 border border-red-300 flex items-center gap-2">
+                <AlertTriangle className="w-4 h-4 text-red-600 flex-shrink-0" />
+                <span className="text-xs font-bold text-red-700">{data.criticalCount} alerta(s) crítico(s)</span>
+              </div>
+            )}
+            <div className="space-y-2 max-h-64 overflow-y-auto">
+              {data.alerts.map((alert) => (
+                <div key={alert.id} className={`rounded-lg p-3 border ${getAlertColor(alert.severity)}`}>
+                  <div className="flex items-start gap-2">
+                    <div className={`w-2 h-2 rounded-full ${getSeverityDot(alert.severity)} mt-1.5 flex-shrink-0`} />
+                    <div className="flex-1">
+                      <p className="text-sm font-medium text-gray-900">{alert.title}</p>
+                      <p className="text-xs text-gray-700 my-1">{alert.description}</p>
+                      <div className="flex items-center gap-1 text-xs text-gray-600"><Users className="w-3 h-3" /><span>{alert.affectedCount} envolvido(s)</span></div>
+                    </div>
+                  </div>
+                </div>
+              ))}
+            </div>
+          </>
+        )}
+        <div className="pt-2 border-t border-yellow-100 text-xs text-gray-600 flex items-center gap-1">
+          <Clock className="w-3 h-3" /><span>Última atualização: há 5 min</span>
+        </div>
+      </div>
+    </div>
+  );
+};
+
+export default TeamWorkloadAlerts;

package/src/dashboard/widgets/index.ts

@@ -0,0 +1,26 @@
+// Dashboard Widgets - Exports
+export { default as MyHoursPeriodKpi } from './MyHoursPeriodKpi';
+export { default as MyTimesheetStatusKpi } from './MyTimesheetStatusKpi';
+export { default as MyProjectAllocationsKpi } from './MyProjectAllocationsKpi';
+export { default as MyOpenRequestsKpi } from './MyOpenRequestsKpi';
+export { default as MyWeeklyJourney } from './MyWeeklyJourney';
+export { default as MyRelevantDeadlines } from './MyRelevantDeadlines';
+export { default as MyPendingRequestsList } from './MyPendingRequestsList';
+export { default as MyQuickActions } from './MyQuickActions';
+
+export { default as TeamPendingApprovalsKpi } from './TeamPendingApprovalsKpi';
+export { default as TeamHoursKpi } from './TeamHoursKpi';
+export { default as TeamCapacityKpi } from './TeamCapacityKpi';
+export { default as TeamUtilizationOverview } from './TeamUtilizationOverview';
+export { default as TeamWorkloadAlerts } from './TeamWorkloadAlerts';
+export { default as ManagedProjectsStatus } from './ManagedProjectsStatus';
+export { default as TeamApprovalQueue } from './TeamApprovalQueue';
+
+export { default as PortfolioCostsKpi } from './PortfolioCostsKpi';
+export { default as PortfolioEffortKpi } from './PortfolioEffortKpi';
+export { default as PortfolioRiskKpi } from './PortfolioRiskKpi';
+export { default as ProjectStatusOverview } from './ProjectStatusOverview';
+export { default as EffortByProject } from './EffortByProject';
+export { default as CapacityDistribution } from './CapacityDistribution';
+export { default as HeadcountByArea } from './HeadcountByArea';
+export { default as StrategicDeadlines } from './StrategicDeadlines';

package/src/dto/create-collaborator.dto.ts

@@ -94,17 +94,10 @@ export class CollaboratorEquityParticipationDto {
   notes?: string | null;
 }
 
-export class CreateCollaboratorDto {
-  @IsOptional()
-  @Transform(({ value }) =>
-    value === '' || value === undefined || value === null ? undefined : Number(value)
-  )
-  @IsInt()
-  userId?: number | null;
-
-  @IsOptional()
-  @Transform(({ value }) =>
-    value === '' || value === undefined || value === null ? undefined : Number(value)
+export class CreateCollaboratorDto {
+  @IsOptional()
+  @Transform(({ value }) =>
+    value === '' || value === undefined || value === null ? undefined : Number(value)
   )
   @IsInt()
   personId?: number | null;

package/src/index.ts

@@ -1,2 +1,5 @@
+export * from './dashboard/hooks/useDashboardData';
+export * from './dashboard/types/widgets.types';
 export * from './operations.module';
 export * from './operations.service';
+