analytica-frontend-lib 1.2.11 → 1.2.13

package/dist/index.d.mts

@@ -12,6 +12,10 @@ import * as react from 'react';
 import react__default, { ReactNode, HTMLAttributes, InputHTMLAttributes } from 'react';
 import * as zustand from 'zustand';
 import { StoreApi } from 'zustand';
+import { C as CategoryConfig } from './types-DMycdI4U.mjs';
+export { a as AlertData, A as AlertsConfig, b as CheckboxGroup, I as Item } from './types-DMycdI4U.mjs';
+export { AlertsManager } from './AlertManager/index.mjs';
+export { AlertViewData, AlertsManagerView, RecipientStatus } from './AlertManagerView/index.mjs';
 export { default as Radio, RadioGroup, RadioGroupItem } from './Radio/index.mjs';
 export { default as TextArea } from './TextArea/index.mjs';
 export { default as Toast } from './Toast/index.mjs';
@@ -34,7 +38,7 @@ export { ThemeToggle } from './ThemeToggle/index.mjs';
 export { d as SubjectData, e as SubjectEnum, I as SubjectIconProps, S as SubjectInfo, b as getSubjectColorClass, a as getSubjectIcon, g as getSubjectInfo, c as getSubjectName } from './SubjectInfo-Dvt0OodP.mjs';
 export { c as ThemeActions, T as ThemeMode, b as ThemeState, a as ThemeStore, u as useThemeStore } from './themeStore-P2X64zC-.mjs';
 export { default as DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuSeparator, DropdownMenuTrigger, MenuLabel, ProfileMenuFooter, ProfileMenuHeader, ProfileMenuSection, ProfileMenuTrigger, ProfileToggleTheme } from './DropdownMenu/index.mjs';
-export { default as Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, useTableSort } from './Table/index.mjs';
+export { SortDirection, default as Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, UseTableSortOptions, useTableSort } from './Table/index.mjs';
 export { default as Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from './Select/index.mjs';
 export { default as Menu, MenuContent, MenuItem, MenuOverflow } from './Menu/index.mjs';
 export { CardActivitiesResults, CardAudio, CardPerformance, CardProgress, CardQuestions, CardResults, CardSimulado, CardSimulationHistory, CardStatus, CardTest, CardTopic } from './Card/index.mjs';
@@ -185,26 +189,11 @@ declare const CheckboxListItem: react.ForwardRefExoticComponent<{
     className?: string;
 } & Omit<InputHTMLAttributes<HTMLInputElement>, "size" | "value" | "checked" | "type" | "name" | "onChange"> & react.RefAttributes<HTMLInputElement>>;
 
-type Item = {
+interface RecipientItem {
     id: string;
     name: string;
     [key: string]: unknown;
-};
-type CategoryConfig = {
-    key: string;
-    label: string;
-    selectedIds?: string[];
-    dependsOn?: string[];
-    itens?: Item[];
-    filteredBy?: {
-        key: string;
-        internalField: string;
-    }[];
-};
-declare const CheckboxGroup: ({ categories, onCategoriesChange, }: {
-    categories: CategoryConfig[];
-    onCategoriesChange: (categories: CategoryConfig[]) => void;
-}) => react_jsx_runtime.JSX.Element;
+}
 
 /**
  * Notification store state interface
@@ -454,6 +443,119 @@ declare const createNotificationsHook: (apiClient: NotificationApiClient) => ()
     }[];
 };
 
+type FilterConfig = {
+    key: string;
+    label: string;
+    categories: CategoryConfig[];
+};
+type UseTableFilterOptions = {
+    syncWithUrl?: boolean;
+};
+type UseTableFilterReturn = {
+    filterConfigs: FilterConfig[];
+    activeFilters: Record<string, string[]>;
+    hasActiveFilters: boolean;
+    updateFilters: (configs: FilterConfig[]) => void;
+    applyFilters: () => void;
+    clearFilters: () => void;
+};
+/**
+ * Hook for managing table filters with URL synchronization
+ *
+ * @param initialConfigs - Initial filter configurations
+ * @param options - Hook options including URL sync
+ * @returns Filter state and management functions
+ *
+ * @example
+ * ```tsx
+ * const { filterConfigs, activeFilters, updateFilters, applyFilters } = useTableFilter(
+ *   [
+ *     {
+ *       key: 'academic',
+ *       label: 'Dados Acadêmicos',
+ *       categories: [...]
+ *     }
+ *   ],
+ *   { syncWithUrl: true }
+ * );
+ * ```
+ */
+declare const useTableFilter: (initialConfigs: FilterConfig[], options?: UseTableFilterOptions) => UseTableFilterReturn;
+
+type FilterModalProps = {
+    /**
+     * Controls modal visibility
+     */
+    isOpen: boolean;
+    /**
+     * Callback when modal should close
+     */
+    onClose: () => void;
+    /**
+     * Filter configurations with categories
+     */
+    filterConfigs: FilterConfig[];
+    /**
+     * Callback when filters change (temporary, before applying)
+     */
+    onFiltersChange: (configs: FilterConfig[]) => void;
+    /**
+     * Callback when "Aplicar" button is clicked
+     */
+    onApply: () => void;
+    /**
+     * Callback when "Limpar filtros" button is clicked
+     */
+    onClear: () => void;
+    /**
+     * Modal title
+     * @default "Filtros"
+     */
+    title?: string;
+    /**
+     * Modal size
+     * @default "md"
+     */
+    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+    /**
+     * Apply button label
+     * @default "Aplicar"
+     */
+    applyLabel?: string;
+    /**
+     * Clear button label
+     * @default "Limpar filtros"
+     */
+    clearLabel?: string;
+};
+/**
+ * FilterModal component - A modal for table filtering with CheckboxGroup
+ *
+ * Integrates Modal, CheckboxGroup, and Button components to create a
+ * complete filtering interface. Works with useTableFilter hook for URL synchronization.
+ *
+ * @example
+ * ```tsx
+ * const { filterConfigs, updateFilters, applyFilters, clearFilters } = useTableFilter(
+ *   initialConfigs,
+ *   { syncWithUrl: true }
+ * );
+ *
+ * <FilterModal
+ *   isOpen={isOpen}
+ *   onClose={() => setIsOpen(false)}
+ *   filterConfigs={filterConfigs}
+ *   onFiltersChange={updateFilters}
+ *   onApply={() => {
+ *     applyFilters();
+ *     setIsOpen(false);
+ *   }}
+ *   onClear={clearFilters}
+ * />
+ * ```
+ */
+declare const FilterModal: ({ isOpen, onClose, filterConfigs, onFiltersChange, onApply, onClear, title, size, applyLabel, clearLabel, }: FilterModalProps) => react_jsx_runtime.JSX.Element;
+
 interface AccordionGroupProps extends HTMLAttributes<HTMLDivElement> {
     type?: 'single' | 'multiple';
     defaultValue?: string | string[];
@@ -678,4 +780,4 @@ declare const useAppStore: zustand.UseBoundStore<Omit<zustand.StoreApi<AppState>
     };
 }>;
 
-export { AccordionGroup, type AuthState, type CategoryConfig, CheckboxGroup, CheckboxList, CheckboxListItem, FetchNotificationsParams, ImageUpload, type ImageUploadProps, type Item, Notification, type NotificationActions, NotificationApiClient, NotificationEntityType, NotificationGroup, type NotificationState, type NotificationStore, NotificationType, Question, QuizAlternative, QuizConnectDots, QuizDissertative, QuizHeaderResult, QuizImageQuestion, QuizListResult, QuizListResultByMateria, QuizMultipleChoice, QuizResultHeaderTitle, QuizResultPerformance, QuizResultTitle, QuizTrueOrFalse, createNotificationStore, createNotificationsHook, createUseNotificationStore, createUseNotifications, formatTimeAgo, getStatusBadge, useAppContent, useAppInitialization, useAppStore, useAuthStore, useInstitutionId };
+export { AccordionGroup, type AuthState, CategoryConfig, CheckboxList, CheckboxListItem, FetchNotificationsParams, type FilterConfig, FilterModal, type FilterModalProps, ImageUpload, type ImageUploadProps, Notification, type NotificationActions, NotificationApiClient, NotificationEntityType, NotificationGroup, type NotificationState, type NotificationStore, NotificationType, Question, QuizAlternative, QuizConnectDots, QuizDissertative, QuizHeaderResult, QuizImageQuestion, QuizListResult, QuizListResultByMateria, QuizMultipleChoice, QuizResultHeaderTitle, QuizResultPerformance, QuizResultTitle, QuizTrueOrFalse, type RecipientItem, type UseTableFilterOptions, type UseTableFilterReturn, createNotificationStore, createNotificationsHook, createUseNotificationStore, createUseNotifications, formatTimeAgo, getStatusBadge, useAppContent, useAppInitialization, useAppStore, useAuthStore, useInstitutionId, useTableFilter };

package/dist/index.d.ts

@@ -12,6 +12,10 @@ import * as react from 'react';
 import react__default, { ReactNode, HTMLAttributes, InputHTMLAttributes } from 'react';
 import * as zustand from 'zustand';
 import { StoreApi } from 'zustand';
+import { C as CategoryConfig } from './types-DMycdI4U.js';
+export { a as AlertData, A as AlertsConfig, b as CheckboxGroup, I as Item } from './types-DMycdI4U.js';
+export { AlertsManager } from './AlertManager/index.js';
+export { AlertViewData, AlertsManagerView, RecipientStatus } from './AlertManagerView/index.js';
 export { default as Radio, RadioGroup, RadioGroupItem } from './Radio/index.js';
 export { default as TextArea } from './TextArea/index.js';
 export { default as Toast } from './Toast/index.js';
@@ -34,7 +38,7 @@ export { ThemeToggle } from './ThemeToggle/index.js';
 export { d as SubjectData, e as SubjectEnum, I as SubjectIconProps, S as SubjectInfo, b as getSubjectColorClass, a as getSubjectIcon, g as getSubjectInfo, c as getSubjectName } from './SubjectInfo-Dvt0OodP.js';
 export { c as ThemeActions, T as ThemeMode, b as ThemeState, a as ThemeStore, u as useThemeStore } from './themeStore-P2X64zC-.js';
 export { default as DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuSeparator, DropdownMenuTrigger, MenuLabel, ProfileMenuFooter, ProfileMenuHeader, ProfileMenuSection, ProfileMenuTrigger, ProfileToggleTheme } from './DropdownMenu/index.js';
-export { default as Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, useTableSort } from './Table/index.js';
+export { SortDirection, default as Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, UseTableSortOptions, useTableSort } from './Table/index.js';
 export { default as Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from './Select/index.js';
 export { default as Menu, MenuContent, MenuItem, MenuOverflow } from './Menu/index.js';
 export { CardActivitiesResults, CardAudio, CardPerformance, CardProgress, CardQuestions, CardResults, CardSimulado, CardSimulationHistory, CardStatus, CardTest, CardTopic } from './Card/index.js';
@@ -185,26 +189,11 @@ declare const CheckboxListItem: react.ForwardRefExoticComponent<{
     className?: string;
 } & Omit<InputHTMLAttributes<HTMLInputElement>, "size" | "value" | "checked" | "type" | "name" | "onChange"> & react.RefAttributes<HTMLInputElement>>;
 
-type Item = {
+interface RecipientItem {
     id: string;
     name: string;
     [key: string]: unknown;
-};
-type CategoryConfig = {
-    key: string;
-    label: string;
-    selectedIds?: string[];
-    dependsOn?: string[];
-    itens?: Item[];
-    filteredBy?: {
-        key: string;
-        internalField: string;
-    }[];
-};
-declare const CheckboxGroup: ({ categories, onCategoriesChange, }: {
-    categories: CategoryConfig[];
-    onCategoriesChange: (categories: CategoryConfig[]) => void;
-}) => react_jsx_runtime.JSX.Element;
+}
 
 /**
  * Notification store state interface
@@ -454,6 +443,119 @@ declare const createNotificationsHook: (apiClient: NotificationApiClient) => ()
     }[];
 };
 
+type FilterConfig = {
+    key: string;
+    label: string;
+    categories: CategoryConfig[];
+};
+type UseTableFilterOptions = {
+    syncWithUrl?: boolean;
+};
+type UseTableFilterReturn = {
+    filterConfigs: FilterConfig[];
+    activeFilters: Record<string, string[]>;
+    hasActiveFilters: boolean;
+    updateFilters: (configs: FilterConfig[]) => void;
+    applyFilters: () => void;
+    clearFilters: () => void;
+};
+/**
+ * Hook for managing table filters with URL synchronization
+ *
+ * @param initialConfigs - Initial filter configurations
+ * @param options - Hook options including URL sync
+ * @returns Filter state and management functions
+ *
+ * @example
+ * ```tsx
+ * const { filterConfigs, activeFilters, updateFilters, applyFilters } = useTableFilter(
+ *   [
+ *     {
+ *       key: 'academic',
+ *       label: 'Dados Acadêmicos',
+ *       categories: [...]
+ *     }
+ *   ],
+ *   { syncWithUrl: true }
+ * );
+ * ```
+ */
+declare const useTableFilter: (initialConfigs: FilterConfig[], options?: UseTableFilterOptions) => UseTableFilterReturn;
+
+type FilterModalProps = {
+    /**
+     * Controls modal visibility
+     */
+    isOpen: boolean;
+    /**
+     * Callback when modal should close
+     */
+    onClose: () => void;
+    /**
+     * Filter configurations with categories
+     */
+    filterConfigs: FilterConfig[];
+    /**
+     * Callback when filters change (temporary, before applying)
+     */
+    onFiltersChange: (configs: FilterConfig[]) => void;
+    /**
+     * Callback when "Aplicar" button is clicked
+     */
+    onApply: () => void;
+    /**
+     * Callback when "Limpar filtros" button is clicked
+     */
+    onClear: () => void;
+    /**
+     * Modal title
+     * @default "Filtros"
+     */
+    title?: string;
+    /**
+     * Modal size
+     * @default "md"
+     */
+    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+    /**
+     * Apply button label
+     * @default "Aplicar"
+     */
+    applyLabel?: string;
+    /**
+     * Clear button label
+     * @default "Limpar filtros"
+     */
+    clearLabel?: string;
+};
+/**
+ * FilterModal component - A modal for table filtering with CheckboxGroup
+ *
+ * Integrates Modal, CheckboxGroup, and Button components to create a
+ * complete filtering interface. Works with useTableFilter hook for URL synchronization.
+ *
+ * @example
+ * ```tsx
+ * const { filterConfigs, updateFilters, applyFilters, clearFilters } = useTableFilter(
+ *   initialConfigs,
+ *   { syncWithUrl: true }
+ * );
+ *
+ * <FilterModal
+ *   isOpen={isOpen}
+ *   onClose={() => setIsOpen(false)}
+ *   filterConfigs={filterConfigs}
+ *   onFiltersChange={updateFilters}
+ *   onApply={() => {
+ *     applyFilters();
+ *     setIsOpen(false);
+ *   }}
+ *   onClear={clearFilters}
+ * />
+ * ```
+ */
+declare const FilterModal: ({ isOpen, onClose, filterConfigs, onFiltersChange, onApply, onClear, title, size, applyLabel, clearLabel, }: FilterModalProps) => react_jsx_runtime.JSX.Element;
+
 interface AccordionGroupProps extends HTMLAttributes<HTMLDivElement> {
     type?: 'single' | 'multiple';
     defaultValue?: string | string[];
@@ -678,4 +780,4 @@ declare const useAppStore: zustand.UseBoundStore<Omit<zustand.StoreApi<AppState>
     };
 }>;
 
-export { AccordionGroup, type AuthState, type CategoryConfig, CheckboxGroup, CheckboxList, CheckboxListItem, FetchNotificationsParams, ImageUpload, type ImageUploadProps, type Item, Notification, type NotificationActions, NotificationApiClient, NotificationEntityType, NotificationGroup, type NotificationState, type NotificationStore, NotificationType, Question, QuizAlternative, QuizConnectDots, QuizDissertative, QuizHeaderResult, QuizImageQuestion, QuizListResult, QuizListResultByMateria, QuizMultipleChoice, QuizResultHeaderTitle, QuizResultPerformance, QuizResultTitle, QuizTrueOrFalse, createNotificationStore, createNotificationsHook, createUseNotificationStore, createUseNotifications, formatTimeAgo, getStatusBadge, useAppContent, useAppInitialization, useAppStore, useAuthStore, useInstitutionId };
+export { AccordionGroup, type AuthState, CategoryConfig, CheckboxList, CheckboxListItem, FetchNotificationsParams, type FilterConfig, FilterModal, type FilterModalProps, ImageUpload, type ImageUploadProps, Notification, type NotificationActions, NotificationApiClient, NotificationEntityType, NotificationGroup, type NotificationState, type NotificationStore, NotificationType, Question, QuizAlternative, QuizConnectDots, QuizDissertative, QuizHeaderResult, QuizImageQuestion, QuizListResult, QuizListResultByMateria, QuizMultipleChoice, QuizResultHeaderTitle, QuizResultPerformance, QuizResultTitle, QuizTrueOrFalse, type RecipientItem, type UseTableFilterOptions, type UseTableFilterReturn, createNotificationStore, createNotificationsHook, createUseNotificationStore, createUseNotifications, formatTimeAgo, getStatusBadge, useAppContent, useAppInitialization, useAppStore, useAuthStore, useInstitutionId, useTableFilter };