analytica-frontend-lib
Version:
Repositório público dos componentes utilizados nas plataformas da Analytica Ensino
1 lines • 16.3 kB
Source Map (JSON)
{"version":3,"sources":["../../src/utils/utils.ts","../../src/utils/dropdown.ts","../../src/utils/activityFilters.ts","../../src/utils/questionTypeUtils.ts","../../src/types/activityDetails.ts","../../src/utils/activityDetailsUtils.ts"],"sourcesContent":["import { clsx, type ClassValue } from 'clsx';\nimport { twMerge } from 'tailwind-merge';\n\nexport function cn(...inputs: ClassValue[]) {\n return twMerge(clsx(inputs));\n}\n\nexport { syncDropdownState } from './dropdown';\nexport {\n getSelectedIdsFromCategories,\n toggleArrayItem,\n toggleSingleValue,\n areFiltersEqual,\n} from './activityFilters';\nexport {\n mapQuestionTypeToEnum,\n mapQuestionTypeToEnumRequired,\n} from './questionTypeUtils';\nexport {\n getStatusBadgeConfig,\n formatTimeSpent,\n formatQuestionNumbers,\n formatDateToBrazilian,\n} from './activityDetailsUtils';\n\n/**\n * Retorna a cor hexadecimal com opacidade 0.3 (4d) se não estiver em dark mode.\n * Se estiver em dark mode, retorna a cor original.\n *\n * @param hexColor - Cor hexadecimal (ex: \"#0066b8\" ou \"0066b8\")\n * @param isDark - booleano indicando se está em dark mode\n * @returns string - cor hexadecimal com opacidade se necessário\n */\nexport function getSubjectColorWithOpacity(\n hexColor: string | undefined,\n isDark: boolean\n): string | undefined {\n if (!hexColor) return undefined;\n // Remove o '#' se existir\n let color = hexColor.replace(/^#/, '').toLowerCase();\n\n if (isDark) {\n // Se está em dark mode, sempre remove opacidade se existir\n if (color.length === 8) {\n color = color.slice(0, 6);\n }\n return `#${color}`;\n } else {\n // Se não está em dark mode (light mode)\n let resultColor: string;\n if (color.length === 6) {\n // Adiciona opacidade 0.3 (4D) para cores de 6 dígitos\n resultColor = `#${color}4d`;\n } else if (color.length === 8) {\n // Já tem opacidade, retorna como está\n resultColor = `#${color}`;\n } else {\n // Para outros tamanhos (3, 4, 5 dígitos), retorna como está\n resultColor = `#${color}`;\n }\n return resultColor;\n }\n}\n","import type { Dispatch, SetStateAction } from 'react';\n\n/**\n * Synchronizes dropdown state when it closes externally\n * This ensures the toggle button state matches the dropdown state\n *\n * @param open - Current dropdown open state\n * @param isActive - Current active state of the toggle button\n * @param setActiveStates - Function to update active states\n * @param key - Key identifier for the specific dropdown\n */\nexport const syncDropdownState = (\n open: boolean,\n isActive: boolean,\n setActiveStates: Dispatch<SetStateAction<Record<string, boolean>>>,\n key: string\n) => {\n if (!open && isActive) {\n setActiveStates((prev) => ({ ...prev, [key]: false }));\n }\n};\n","import type { CategoryConfig } from '../components/CheckBoxGroup/CheckBoxGroup';\nimport type { ActivityFiltersData } from '../types/activityFilters';\n\n/**\n * Extracts selected IDs from knowledge categories by their keys\n * @param categories - Array of category configurations\n * @param keys - Object mapping output keys to category keys\n * @returns Object with extracted selected IDs for each output key\n */\nexport function getSelectedIdsFromCategories(\n categories: CategoryConfig[],\n keys: Record<string, string>\n): Record<string, string[]> {\n const result: Record<string, string[]> = {};\n\n for (const [outputKey, categoryKey] of Object.entries(keys)) {\n const category = categories.find((c) => c.key === categoryKey);\n result[outputKey] = category?.selectedIds || [];\n }\n\n return result;\n}\n\n/**\n * Toggles an item in an array (adds if not present, removes if present)\n * @param array - Current array\n * @param item - Item to toggle\n * @returns New array with item toggled\n */\nexport function toggleArrayItem<T>(array: T[], item: T): T[] {\n return array.includes(item)\n ? array.filter((i) => i !== item)\n : [...array, item];\n}\n\n/**\n * Toggles a single value (returns null if current value, otherwise returns new value)\n * @param currentValue - Current selected value\n * @param newValue - Value to toggle to\n * @returns New value or null if toggling off\n */\nexport function toggleSingleValue<T>(\n currentValue: T | null,\n newValue: T\n): T | null {\n return currentValue === newValue ? null : newValue;\n}\n\n/**\n * Compares two arrays for equality (order-independent)\n * @param a - First array\n * @param b - Second array\n * @param comparator - Optional comparator function. If not provided, uses string conversion and localeCompare\n * @returns true if arrays contain the same elements, false otherwise\n */\nfunction arraysEqual<T>(\n a: T[],\n b: T[],\n comparator?: (x: T, y: T) => number\n): boolean {\n if (a.length !== b.length) return false;\n\n if (comparator) {\n const sortedA = [...a].sort(comparator);\n const sortedB = [...b].sort(comparator);\n return sortedA.every((val, index) => val === sortedB[index]);\n }\n\n const sortedA = [...a].sort((x, y) => String(x).localeCompare(String(y)));\n const sortedB = [...b].sort((x, y) => String(x).localeCompare(String(y)));\n return sortedA.every((val, index) => val === sortedB[index]);\n}\n\nexport function areFiltersEqual(\n filters1: ActivityFiltersData | null,\n filters2: ActivityFiltersData | null\n): boolean {\n if (filters1 === filters2) return true;\n if (!filters1 || !filters2) return false;\n\n return (\n arraysEqual(filters1.types, filters2.types) &&\n arraysEqual(filters1.bankIds, filters2.bankIds) &&\n arraysEqual(filters1.yearIds, filters2.yearIds) &&\n arraysEqual(filters1.knowledgeIds, filters2.knowledgeIds) &&\n arraysEqual(filters1.topicIds, filters2.topicIds) &&\n arraysEqual(filters1.subtopicIds, filters2.subtopicIds) &&\n arraysEqual(filters1.contentIds, filters2.contentIds)\n );\n}\n","import { QUESTION_TYPE } from '../components/Quiz/useQuizStore';\n\n/**\n * Maps API question type string to QUESTION_TYPE enum\n * Converts input to uppercase for case-insensitive matching\n *\n * @param type - Question type string from API\n * @param fallback - Optional fallback QUESTION_TYPE if mapping fails. If not provided, returns null\n * @returns QUESTION_TYPE enum value or null/fallback if not found\n */\nexport function mapQuestionTypeToEnum(\n type: string,\n fallback?: QUESTION_TYPE\n): QUESTION_TYPE | null {\n const upperType = type.toUpperCase();\n\n const typeMap: Record<string, QUESTION_TYPE> = {\n ALTERNATIVA: QUESTION_TYPE.ALTERNATIVA,\n DISSERTATIVA: QUESTION_TYPE.DISSERTATIVA,\n MULTIPLA_ESCOLHA: QUESTION_TYPE.MULTIPLA_ESCOLHA,\n VERDADEIRO_FALSO: QUESTION_TYPE.VERDADEIRO_FALSO,\n IMAGEM: QUESTION_TYPE.IMAGEM,\n LIGAR_PONTOS: QUESTION_TYPE.LIGAR_PONTOS,\n PREENCHER: QUESTION_TYPE.PREENCHER,\n };\n\n return typeMap[upperType] ?? fallback ?? null;\n}\n\n/**\n * Maps API question type string to QUESTION_TYPE enum with required fallback\n * Always returns a QUESTION_TYPE (never null)\n *\n * @param type - Question type string from API\n * @param fallback - Fallback QUESTION_TYPE if mapping fails (defaults to ALTERNATIVA)\n * @returns QUESTION_TYPE enum value\n */\nexport function mapQuestionTypeToEnumRequired(\n type: string,\n fallback: QUESTION_TYPE = QUESTION_TYPE.ALTERNATIVA\n): QUESTION_TYPE {\n return mapQuestionTypeToEnum(type, fallback) ?? fallback;\n}\n","/**\n * Activity Details Types\n * Types and helper functions for activity details components\n */\n\n/**\n * Student activity status enum\n */\nexport const STUDENT_ACTIVITY_STATUS = {\n CONCLUIDO: 'CONCLUIDO',\n AGUARDANDO_CORRECAO: 'AGUARDANDO_CORRECAO',\n AGUARDANDO_RESPOSTA: 'AGUARDANDO_RESPOSTA',\n NAO_ENTREGUE: 'NAO_ENTREGUE',\n} as const;\n\nexport type StudentActivityStatus =\n (typeof STUDENT_ACTIVITY_STATUS)[keyof typeof STUDENT_ACTIVITY_STATUS];\n\n/**\n * Student data interface\n */\nexport interface ActivityStudentData {\n studentId: string;\n studentName: string;\n answeredAt: string | null;\n timeSpent: number;\n score: number | null;\n status: StudentActivityStatus;\n}\n\n/**\n * Pagination interface\n */\nexport interface Pagination {\n total: number;\n page: number;\n limit: number;\n totalPages: number;\n hasNext?: boolean;\n hasPrev?: boolean;\n}\n\n/**\n * General statistics interface\n */\nexport interface GeneralStats {\n averageScore: number;\n completionPercentage: number;\n}\n\n/**\n * Question statistics interface\n */\nexport interface QuestionStats {\n mostCorrect: number[];\n mostIncorrect: number[];\n notAnswered: number[];\n}\n\n/**\n * Activity metadata interface\n */\nexport interface ActivityMetadata {\n id: string;\n title: string;\n startDate: string | null;\n finalDate: string | null;\n schoolName: string;\n year: string;\n subjectName: string;\n className: string;\n}\n\n/**\n * Activity details data interface\n */\nexport interface ActivityDetailsData {\n activity?: ActivityMetadata;\n students: ActivityStudentData[];\n pagination: Pagination;\n generalStats: GeneralStats;\n questionStats: QuestionStats;\n}\n\n/**\n * Activity details query params interface\n */\nexport interface ActivityDetailsQueryParams {\n page?: number;\n limit?: number;\n sortBy?: 'name' | 'score' | 'answeredAt';\n sortOrder?: 'asc' | 'desc';\n status?: StudentActivityStatus;\n}\n\n/**\n * Activity student table item interface\n */\nexport interface ActivityStudentTableItem extends Record<string, unknown> {\n id: string;\n studentId: string;\n studentName: string;\n status: StudentActivityStatus;\n answeredAt: string | null;\n timeSpent: number;\n score: number | null;\n}\n\n/**\n * Status badge configuration interface\n */\nexport interface StatusBadgeConfig {\n label: string;\n bgColor: string;\n textColor: string;\n}\n\n/**\n * Activity availability status enum\n * Used to determine if an activity is available based on start/end dates\n */\nexport const ACTIVITY_AVAILABILITY = {\n DISPONIVEL: 'DISPONIVEL',\n NAO_INICIADA: 'NAO_INICIADA',\n EXPIRADA: 'EXPIRADA',\n} as const;\n\nexport type ActivityAvailability =\n (typeof ACTIVITY_AVAILABILITY)[keyof typeof ACTIVITY_AVAILABILITY];\n","/**\n * Activity Details Utilities\n * Helper functions for activity details components\n */\n\nimport type {\n StudentActivityStatus,\n StatusBadgeConfig,\n} from '../types/activityDetails';\nimport { STUDENT_ACTIVITY_STATUS } from '../types/activityDetails';\n\n/**\n * Get status badge configuration\n * @param status - Student activity status\n * @returns Status badge configuration object\n */\nexport const getStatusBadgeConfig = (\n status: StudentActivityStatus\n): StatusBadgeConfig => {\n const configs: Record<string, StatusBadgeConfig> = {\n [STUDENT_ACTIVITY_STATUS.CONCLUIDO]: {\n label: 'Concluído',\n bgColor: 'bg-green-50',\n textColor: 'text-green-800',\n },\n [STUDENT_ACTIVITY_STATUS.AGUARDANDO_CORRECAO]: {\n label: 'Aguardando Correção',\n bgColor: 'bg-yellow-50',\n textColor: 'text-yellow-800',\n },\n [STUDENT_ACTIVITY_STATUS.AGUARDANDO_RESPOSTA]: {\n label: 'Aguardando Resposta',\n bgColor: 'bg-blue-50',\n textColor: 'text-blue-800',\n },\n [STUDENT_ACTIVITY_STATUS.NAO_ENTREGUE]: {\n label: 'Não Entregue',\n bgColor: 'bg-red-50',\n textColor: 'text-red-800',\n },\n default: {\n label: 'Desconhecido',\n bgColor: 'bg-gray-50',\n textColor: 'text-gray-800',\n },\n };\n\n return configs[status] ?? configs.default;\n};\n\n/**\n * Format time spent in seconds to HH:MM:SS\n * @param seconds - Time in seconds\n * @returns Formatted time string\n */\nexport const formatTimeSpent = (seconds: number): string => {\n const hours = Math.floor(seconds / 3600);\n const minutes = Math.floor((seconds % 3600) / 60);\n const secs = seconds % 60;\n\n return `${String(hours).padStart(2, '0')}:${String(minutes).padStart(2, '0')}:${String(secs).padStart(2, '0')}`;\n};\n\n/**\n * Format question numbers to display\n * @param numbers - Array of question numbers (0-indexed)\n * @returns Formatted string of question numbers\n */\nexport const formatQuestionNumbers = (numbers: number[]): string => {\n if (numbers.length === 0) return '-';\n return numbers.map((n) => String(n + 1).padStart(2, '0')).join(', ');\n};\n\n/**\n * Format date string to Brazilian format (DD/MM/YYYY)\n * @param dateString - ISO date string\n * @returns Formatted date string\n */\nexport const formatDateToBrazilian = (dateString: string): string => {\n const date = new Date(dateString);\n const day = String(date.getUTCDate()).padStart(2, '0');\n const month = String(date.getUTCMonth() + 1).padStart(2, '0');\n const year = date.getUTCFullYear();\n return `${day}/${month}/${year}`;\n};\n"],"mappings":"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","names":["sortedA","sortedB"]}