analytica-frontend-lib
Version:
Repositório público dos componentes utilizados nas plataformas da Analytica Ensino
59 lines • 2.64 kB
TypeScript
import { type ClassValue } from 'clsx';
export declare function cn(...inputs: ClassValue[]): string;
export { syncDropdownState } from './dropdown';
export { getSelectedIdsFromCategories, toggleArrayItem, toggleSingleValue, areFiltersEqual, } from './activityFilters';
export { mapQuestionTypeToEnum, mapQuestionTypeToEnumRequired, } from './questionTypeUtils';
export { getStatusBadgeConfig, formatTimeSpent, formatQuestionNumbers, formatDateToBrazilian, formatActivityDateToBrazilian, } from './activityDetailsUtils';
/**
* Format a number as a rounded percentage string
* @param value - Number to format (0-100)
* @returns Formatted string with % suffix (e.g., "72%")
*/
export declare function formatPercentageRounded(value: number): string;
export { formatScore } from './formatScore';
/**
* Convert hex color to rgba with opacity for background
* @param hex - Hex color (e.g., "#4B0082")
* @param opacity - Opacity value (0-1)
* @returns rgba string
*/
export declare function hexToRgba(hex: string, opacity: number): string;
/**
* Maps Tailwind bg-* class to CSS variable
* @param bgClass - Tailwind background class (e.g., "bg-error-600")
* @returns CSS variable string (e.g., "var(--color-error-600)")
*/
export declare function bgClassToCssVar(bgClass: string): string;
/**
* Converts polar coordinates to Cartesian for SVG arc path calculations.
* Angles are in degrees, with 0° at the top (12 o'clock position).
* @param cx - Center X coordinate
* @param cy - Center Y coordinate
* @param r - Radius
* @param angleDeg - Angle in degrees
* @returns Cartesian coordinates { x, y }
*/
export declare function polarToCartesian(cx: number, cy: number, r: number, angleDeg: number): {
x: number;
y: number;
};
/**
* Generates an SVG filled arc (pie slice) path string.
* @param cx - Center X coordinate
* @param cy - Center Y coordinate
* @param r - Radius
* @param startAngle - Start angle in degrees
* @param endAngle - End angle in degrees
* @returns SVG path string for the arc
*/
export declare function describeArc(cx: number, cy: number, r: number, startAngle: number, endAngle: number): string;
/**
* Retorna a cor hexadecimal com opacidade 0.3 (4d) se não estiver em dark mode.
* Se estiver em dark mode, retorna a cor original.
*
* @param hexColor - Cor hexadecimal (ex: "#0066b8" ou "0066b8")
* @param isDark - booleano indicando se está em dark mode
* @returns string - cor hexadecimal com opacidade se necessário
*/
export declare function getSubjectColorWithOpacity(hexColor: string | undefined, isDark: boolean): string | undefined;
//# sourceMappingURL=utils.d.ts.map