analytica-frontend-lib 1.2.25 → 1.2.29

package/dist/StatisticsCard/index.d.mts

@@ -1,79 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-
-/**
- * Statistics data item
- */
-interface StatItem {
-    /** Statistic label */
-    label: string;
-    /** Statistic value */
-    value: string | number;
-    /** Color variant */
-    variant: 'high' | 'medium' | 'low' | 'total';
-}
-/**
- * Props for StatisticsCard component
- */
-interface StatisticsCardProps {
-    /** Title displayed at the top of the card */
-    title: string;
-    /** Statistics data to display */
-    data?: StatItem[];
-    /** Show placeholder "-" in values when true (for created items without data yet) */
-    showPlaceholder?: boolean;
-    /** Message shown in empty state */
-    emptyStateMessage?: string;
-    /** Text for the empty state button */
-    emptyStateButtonText?: string;
-    /** Callback when empty state button is clicked */
-    onEmptyStateButtonClick?: () => void;
-    /** Optional dropdown options for filtering */
-    dropdownOptions?: Array<{
-        label: string;
-        value: string;
-    }>;
-    /** Currently selected dropdown value */
-    selectedDropdownValue?: string;
-    /** Callback when dropdown value changes */
-    onDropdownChange?: (value: string) => void;
-    /** Placeholder text for the dropdown select */
-    selectPlaceholder?: string;
-    /** Accessible label for the dropdown select */
-    dropdownAriaLabel?: string;
-    /** Additional CSS classes */
-    className?: string;
-}
-/**
- * StatisticsCard component - displays statistics with empty state support
- *
- * @example
- * ```tsx
- * // With data
- * <StatisticsCard
- *   title="Estatística das atividades"
- *   data={[
- *     { label: 'Acertos', value: '85%', variant: 'high' },
- *     { label: 'Em andamento', value: 12, variant: 'medium' },
- *     { label: 'Erros', value: '15%', variant: 'low' },
- *     { label: 'Concluídas', value: 24, variant: 'total' }
- *   ]}
- *   dropdownOptions={[
- *     { label: '1 ano', value: '1year' },
- *     { label: '6 meses', value: '6months' }
- *   ]}
- *   selectedDropdownValue="1year"
- *   onDropdownChange={(value) => console.log(value)}
- * />
- *
- * // Empty state
- * <StatisticsCard
- *   title="Estatística das atividades"
- *   emptyStateMessage="Sem dados por enquanto. Crie uma atividade para que os resultados apareçam aqui."
- *   emptyStateButtonText="Criar atividade"
- *   onEmptyStateButtonClick={() => console.log('Create activity')}
- * />
- * ```
- */
-declare const StatisticsCard: ({ title, data, showPlaceholder, emptyStateMessage, emptyStateButtonText, onEmptyStateButtonClick, dropdownOptions, selectedDropdownValue, onDropdownChange, selectPlaceholder, dropdownAriaLabel, className, }: StatisticsCardProps) => react_jsx_runtime.JSX.Element;
-
-export { StatisticsCard };

package/dist/Stepper/index.d.mts

@@ -1,169 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-
-/**
- * Stepper size variants
- */
-type StepperSize = 'small' | 'medium' | 'large' | 'extraLarge';
-/**
- * Step state variants
- */
-type StepState = 'pending' | 'current' | 'completed';
-/**
- * Individual step data interface
- */
-interface StepData {
-    /** Unique identifier for the step */
-    id: string;
-    /** Label text for the step */
-    label: string;
-    /** Current state of the step */
-    state: StepState;
-}
-/**
- * Size configurations - Following design system pattern from CSS specifications
- * Small size based on exact CSS: width 58px, height 38px, gap 8px
- */
-declare const SIZE_CLASSES: {
-    readonly small: {
-        readonly container: "gap-2";
-        readonly stepWidth: "w-[58px]";
-        readonly stepHeight: "h-[38px]";
-        readonly indicator: "w-5 h-5";
-        readonly progressBar: "h-0.5";
-        readonly indicatorTextSize: "2xs";
-        readonly labelTextSize: "xs";
-        readonly iconSize: "w-3 h-3";
-    };
-    readonly medium: {
-        readonly container: "gap-3";
-        readonly stepWidth: "w-[110px]";
-        readonly stepHeight: "h-[48px]";
-        readonly indicator: "w-6 h-6";
-        readonly progressBar: "h-0.5";
-        readonly indicatorTextSize: "2xs";
-        readonly labelTextSize: "xs";
-        readonly iconSize: "w-3.5 h-3.5";
-    };
-    readonly large: {
-        readonly container: "gap-4";
-        readonly stepWidth: "w-[160px]";
-        readonly stepHeight: "h-[58px]";
-        readonly indicator: "w-7 h-7";
-        readonly progressBar: "h-1";
-        readonly indicatorTextSize: "xs";
-        readonly labelTextSize: "sm";
-        readonly iconSize: "w-4 h-4";
-    };
-    readonly extraLarge: {
-        readonly container: "gap-5";
-        readonly stepWidth: "w-[200px]";
-        readonly stepHeight: "h-[68px]";
-        readonly indicator: "w-8 h-8";
-        readonly progressBar: "h-1";
-        readonly indicatorTextSize: "xs";
-        readonly labelTextSize: "sm";
-        readonly iconSize: "w-[18px] h-[18px]";
-    };
-};
-/**
- * State configurations using exact colors from CSS specs
- * pending: #A3A3A3 = text-400 (etapa ainda não iniciada)
- * current: #1C61B2 = primary-800 (etapa atual sendo preenchida) - baseado no CSS fornecido
- * completed: #1C61B2 = primary-800 (etapa concluída)
- * text color: #FEFEFF = text
- */
-declare const STATE_CLASSES: {
-    readonly pending: {
-        readonly progressBar: "bg-text-400";
-        readonly indicator: "bg-text-400";
-        readonly indicatorText: "text-white";
-        readonly label: "text-text-400";
-    };
-    readonly current: {
-        readonly progressBar: "bg-primary-800";
-        readonly indicator: "bg-primary-800";
-        readonly indicatorText: "text-white";
-        readonly label: "text-primary-800";
-    };
-    readonly completed: {
-        readonly progressBar: "bg-primary-400";
-        readonly indicator: "bg-primary-400";
-        readonly indicatorText: "text-white";
-        readonly label: "text-primary-400";
-    };
-};
-/**
- * Type for size classes
- */
-type SizeClassType = (typeof SIZE_CLASSES)[keyof typeof SIZE_CLASSES];
-/**
- * Type for state classes
- */
-type StateClassType = (typeof STATE_CLASSES)[keyof typeof STATE_CLASSES];
-/**
- * Props for individual step component
- */
-interface StepProps {
-    step: StepData;
-    index: number;
-    size: StepperSize;
-    sizeClasses: SizeClassType;
-    stateClasses: StateClassType;
-    isLast: boolean;
-    className?: string;
-}
-/**
- * Individual Step component - Based on exact design specifications
- * Layout: flex-column with progress bar at top, then icon+label row
- * Fully responsive for mobile, tablets, and laptops
- */
-declare const Step: ({ step, index, size: _size, sizeClasses, stateClasses, isLast: _isLast, className, }: StepProps) => react_jsx_runtime.JSX.Element;
-/**
- * Stepper component props interface
- */
-type StepperProps = {
-    /** Array of step data */
-    steps: StepData[];
-    /** Size variant of the stepper */
-    size?: StepperSize;
-    /** Current active step index */
-    currentStep?: number;
-    /** Additional CSS classes */
-    className?: string;
-    /** Step container CSS classes */
-    stepClassName?: string;
-    /** Progress indicator (e.g., "Etapa 2 de 4") */
-    showProgress?: boolean;
-    /** Custom progress text */
-    progressText?: string;
-    /** Make stepper responsive (vertical on mobile) */
-    responsive?: boolean;
-};
-/**
- * Stepper component for Analytica Ensino platforms
- *
- * A progress stepper component that displays a sequence of steps with different states.
- * Follows the exact design specifications with proper spacing, colors, and layout.
- * Fully responsive for mobile, tablets, and laptops.
- *
- * Design specifications:
- * - Based on exact CSS specifications from Figma design
- * - Fully responsive: mobile (320px+) -> tablets (640px+) -> laptops (1024px+)
- * - Progressive sizing with responsive breakpoints that adapt to device type
- * - Consistent gaps that scale with screen size and device capabilities
- * - Consistent color scheme: pending (gray), current (dark blue), completed (light blue)
- * - Responsive design with overflow scroll on smaller devices
- * - Optimized text sizing and layout for each device category
- *
- * @example
- * ```tsx
- * // Basic stepper - automatically responsive for all devices
- * <Stepper steps={steps} currentStep={1} />
- *
- * // Custom styling with full responsive behavior
- * <Stepper steps={steps} size="medium" showProgress responsive />
- * ```
- */
-declare const Stepper: ({ steps: initialSteps, size, currentStep, className, stepClassName, showProgress, progressText, responsive, }: StepperProps) => react_jsx_runtime.JSX.Element;
-
-export { Step, type StepData, type StepperProps, Stepper as default };

package/dist/SubjectInfo/index.d.mts

@@ -1,2 +0,0 @@
-export { I as IconProps, d as SubjectData, S as SubjectInfo, b as getSubjectColorClass, a as getSubjectIcon, g as getSubjectInfo, c as getSubjectName } from '../SubjectInfo-Dvt0OodP.mjs';
-import 'react';

package/dist/SubjectInfo-Dvt0OodP.d.mts

@@ -1,37 +0,0 @@
-import { ReactElement } from 'react';
-
-declare enum SubjectEnum {
-    FISICA = "F\u00EDsica",
-    HISTORIA = "Hist\u00F3ria",
-    LITERATURA = "Literatura",
-    GEOGRAFIA = "Geografia",
-    BIOLOGIA = "Biologia",
-    PORTUGUES = "Portugu\u00EAs",
-    QUIMICA = "Qu\u00EDmica",
-    ARTES = "Artes",
-    MATEMATICA = "Matem\u00E1tica",
-    FILOSOFIA = "Filosofia",
-    ESPANHOL = "Espanhol",
-    REDACAO = "Reda\u00E7\u00E3o",
-    SOCIOLOGIA = "Sociologia",
-    INGLES = "Ingl\u00EAs",
-    EDUCACAO_FISICA = "Ed. F\u00EDsica",
-    TRILHAS = "Trilhas"
-}
-
-interface IconProps {
-    size?: number;
-    color?: string;
-}
-interface SubjectData {
-    icon: ReactElement<IconProps>;
-    colorClass: string;
-    name: string;
-}
-declare const SubjectInfo: Record<SubjectEnum, SubjectData>;
-declare const getSubjectInfo: (subject: SubjectEnum) => SubjectData;
-declare const getSubjectIcon: (subject: SubjectEnum) => ReactElement;
-declare const getSubjectColorClass: (subject: SubjectEnum) => string;
-declare const getSubjectName: (subject: SubjectEnum) => string;
-
-export { type IconProps as I, SubjectInfo as S, getSubjectIcon as a, getSubjectColorClass as b, getSubjectName as c, type SubjectData as d, SubjectEnum as e, getSubjectInfo as g };

package/dist/SubjectInfo-Dvt0OodP.d.ts

@@ -1,37 +0,0 @@
-import { ReactElement } from 'react';
-
-declare enum SubjectEnum {
-    FISICA = "F\u00EDsica",
-    HISTORIA = "Hist\u00F3ria",
-    LITERATURA = "Literatura",
-    GEOGRAFIA = "Geografia",
-    BIOLOGIA = "Biologia",
-    PORTUGUES = "Portugu\u00EAs",
-    QUIMICA = "Qu\u00EDmica",
-    ARTES = "Artes",
-    MATEMATICA = "Matem\u00E1tica",
-    FILOSOFIA = "Filosofia",
-    ESPANHOL = "Espanhol",
-    REDACAO = "Reda\u00E7\u00E3o",
-    SOCIOLOGIA = "Sociologia",
-    INGLES = "Ingl\u00EAs",
-    EDUCACAO_FISICA = "Ed. F\u00EDsica",
-    TRILHAS = "Trilhas"
-}
-
-interface IconProps {
-    size?: number;
-    color?: string;
-}
-interface SubjectData {
-    icon: ReactElement<IconProps>;
-    colorClass: string;
-    name: string;
-}
-declare const SubjectInfo: Record<SubjectEnum, SubjectData>;
-declare const getSubjectInfo: (subject: SubjectEnum) => SubjectData;
-declare const getSubjectIcon: (subject: SubjectEnum) => ReactElement;
-declare const getSubjectColorClass: (subject: SubjectEnum) => string;
-declare const getSubjectName: (subject: SubjectEnum) => string;
-
-export { type IconProps as I, SubjectInfo as S, getSubjectIcon as a, getSubjectColorClass as b, getSubjectName as c, type SubjectData as d, SubjectEnum as e, getSubjectInfo as g };

package/dist/Table/TablePagination/index.d.mts

@@ -1,64 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { HTMLAttributes } from 'react';
-
-interface TablePaginationProps extends HTMLAttributes<HTMLDivElement> {
-    /**
-     * Total number of items
-     */
-    totalItems: number;
-    /**
-     * Current page (1-based)
-     */
-    currentPage: number;
-    /**
-     * Total number of pages
-     */
-    totalPages: number;
-    /**
-     * Items per page
-     */
-    itemsPerPage: number;
-    /**
-     * Available options for items per page
-     * @default [10, 20, 50, 100]
-     */
-    itemsPerPageOptions?: number[];
-    /**
-     * Callback when page changes
-     */
-    onPageChange: (page: number) => void;
-    /**
-     * Callback when items per page changes
-     */
-    onItemsPerPageChange?: (itemsPerPage: number) => void;
-    /**
-     * Customizable label for items (e.g., "escolas", "alunos", "atividades")
-     * @default "itens"
-     */
-    itemLabel?: string;
-}
-/**
- * Table pagination component with navigation controls and items per page selector
- *
- * @example
- * ```tsx
- * import { TablePagination } from 'analytica-frontend-lib';
- *
- * <TablePagination
- *   totalItems={1000}
- *   currentPage={1}
- *   totalPages={10}
- *   itemsPerPage={10}
- *   itemsPerPageOptions={[10, 20, 50, 100]}
- *   onPageChange={(page) => setCurrentPage(page)}
- *   onItemsPerPageChange={(items) => setItemsPerPage(items)}
- *   itemLabel="escolas"
- * />
- * ```
- */
-declare const TablePagination: {
-    ({ totalItems, currentPage, totalPages, itemsPerPage, itemsPerPageOptions, onPageChange, onItemsPerPageChange, itemLabel, className, ...props }: TablePaginationProps): react_jsx_runtime.JSX.Element;
-    displayName: string;
-};
-
-export { type TablePaginationProps, TablePagination as default };

package/dist/Table/index.d.mts

@@ -1,93 +0,0 @@
-import react__default, { HTMLAttributes, ThHTMLAttributes } from 'react';
-import { L as LoadingStateConfig, N as NoSearchResultConfig, E as EmptyStateConfig } from '../TableProvider-BnAnv3OV.mjs';
-export { default as TablePagination, TablePaginationProps } from './TablePagination/index.mjs';
-import 'react/jsx-runtime';
-import '../CheckBoxGroup-9n5C0OH4.mjs';
-
-type TableVariant = 'default' | 'borderless';
-type TableRowState = 'default' | 'selected' | 'invalid' | 'disabled';
-type SortDirection = 'asc' | 'desc' | null;
-interface UseTableSortOptions {
-    /** Se true, sincroniza o estado de ordenação com os parâmetros da URL */
-    syncWithUrl?: boolean;
-}
-/**
- * Hook para gerenciar ordenação de dados da tabela
- *
- * @param data - Array de dados a serem ordenados
- * @param options - Opções de configuração do hook
- * @returns Objeto com dados ordenados, coluna/direção atual e função de sort
- *
- * @example
- * ```tsx
- * const activities = [
- *   { id: 1, name: 'Task A', date: '2024-01-01' },
- *   { id: 2, name: 'Task B', date: '2024-01-02' },
- * ];
- *
- * // Sem sincronização com URL
- * const { sortedData, sortColumn, sortDirection, handleSort } = useTableSort(activities);
- *
- * // Com sincronização com URL
- * const { sortedData, sortColumn, sortDirection, handleSort } = useTableSort(activities, { syncWithUrl: true });
- *
- * <TableHead
- *   sortDirection={sortColumn === 'name' ? sortDirection : null}
- *   onSort={() => handleSort('name')}
- * >
- *   Name
- * </TableHead>
- * ```
- */
-declare function useTableSort<T extends Record<string, unknown>>(data: T[], options?: UseTableSortOptions): {
-    sortedData: T[];
-    sortColumn: string | null;
-    sortDirection: SortDirection;
-    handleSort: (column: string) => void;
-};
-interface TableProps extends HTMLAttributes<HTMLTableElement> {
-    variant?: TableVariant;
-    /** Show loading state (controlled by TableProvider) */
-    showLoading?: boolean;
-    /** Loading state configuration */
-    loadingState?: LoadingStateConfig;
-    /** Show no search result state (controlled by TableProvider) */
-    showNoSearchResult?: boolean;
-    /** No search result state configuration */
-    noSearchResultState?: NoSearchResultConfig;
-    /** Show empty state (controlled by TableProvider) */
-    showEmpty?: boolean;
-    /** Empty state configuration */
-    emptyState?: EmptyStateConfig;
-}
-interface TableRowProps extends HTMLAttributes<HTMLTableRowElement> {
-    state?: TableRowState;
-}
-declare const Table: react__default.ForwardRefExoticComponent<TableProps & react__default.RefAttributes<HTMLTableElement>>;
-declare const TableHeader: react__default.ForwardRefExoticComponent<react__default.HTMLAttributes<HTMLTableSectionElement> & react__default.RefAttributes<HTMLTableSectionElement>>;
-interface TableBodyProps extends HTMLAttributes<HTMLTableSectionElement> {
-    variant?: TableVariant;
-}
-declare const TableBody: react__default.ForwardRefExoticComponent<TableBodyProps & react__default.RefAttributes<HTMLTableSectionElement>>;
-interface TableFooterProps extends HTMLAttributes<HTMLTableSectionElement> {
-    variant?: TableVariant;
-}
-declare const TableFooter: react__default.ForwardRefExoticComponent<TableFooterProps & react__default.RefAttributes<HTMLTableSectionElement>>;
-interface TableRowPropsExtended extends TableRowProps {
-    variant?: TableVariant | 'defaultBorderless';
-    clickable?: boolean;
-}
-declare const TableRow: react__default.ForwardRefExoticComponent<TableRowPropsExtended & react__default.RefAttributes<HTMLTableRowElement>>;
-interface TableHeadProps extends ThHTMLAttributes<HTMLTableCellElement> {
-    /** Enable sorting on this column (default: true) */
-    sortable?: boolean;
-    /** Current sort direction for this column */
-    sortDirection?: SortDirection;
-    /** Callback when column header is clicked */
-    onSort?: () => void;
-}
-declare const TableHead: react__default.ForwardRefExoticComponent<TableHeadProps & react__default.RefAttributes<HTMLTableCellElement>>;
-declare const TableCell: react__default.ForwardRefExoticComponent<react__default.TdHTMLAttributes<HTMLTableCellElement> & react__default.RefAttributes<HTMLTableCellElement>>;
-declare const TableCaption: react__default.ForwardRefExoticComponent<react__default.HTMLAttributes<HTMLTableCaptionElement> & react__default.RefAttributes<HTMLTableCaptionElement>>;
-
-export { type SortDirection, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, type UseTableSortOptions, Table as default, useTableSort };

package/dist/TableProvider/index.d.mts

@@ -1,4 +0,0 @@
-import 'react/jsx-runtime';
-import 'react';
-export { C as ColumnConfig, E as EmptyStateConfig, L as LoadingStateConfig, N as NoSearchResultConfig, P as PaginationConfig, d as TableComponents, b as TableParams, T as TableProvider, c as TableProviderProps, T as default } from '../TableProvider-BnAnv3OV.mjs';
-import '../CheckBoxGroup-9n5C0OH4.mjs';