analytica-frontend-lib 1.2.2 → 1.2.3

package/dist/index.d.mts

@@ -7,8 +7,9 @@ export { default as IconRoundedButton } from './IconRoundedButton/index.mjs';
 export { default as NavButton } from './NavButton/index.mjs';
 export { default as SelectionButton } from './SelectionButton/index.mjs';
 export { default as CheckBox } from './CheckBox/index.mjs';
+import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as react from 'react';
-import { ReactNode, HTMLAttributes, InputHTMLAttributes } from 'react';
+import react__default, { ReactNode, HTMLAttributes, InputHTMLAttributes } from 'react';
 import * as zustand from 'zustand';
 import { StoreApi } from 'zustand';
 export { default as Radio, RadioGroup, RadioGroupItem } from './Radio/index.mjs';
@@ -50,7 +51,6 @@ export { createZustandAuthAdapter } from './Auth/zustandAuthAdapter/index.mjs';
 export { useUrlAuthentication } from './Auth/useUrlAuthentication/index.mjs';
 export { useApiConfig } from './Auth/useApiConfig/index.mjs';
 export { Quiz, QuizContent, QuizFooter, QuizHeader, QuizQuestionList, QuizTitle } from './Quiz/index.mjs';
-import * as react_jsx_runtime from 'react/jsx-runtime';
 import { Question } from './Quiz/useQuizStore/index.mjs';
 export { ANSWER_STATUS, QUESTION_DIFFICULTY, QUESTION_STATUS, QUESTION_TYPE, QUIZ_TYPE, QuestionResult, QuizInterface, QuizState, SUBTYPE_ENUM, UserAnswerItem, useQuizStore } from './Quiz/useQuizStore/index.mjs';
 export { MultipleChoiceList } from './MultipleChoice/index.mjs';
@@ -65,6 +65,38 @@ import * as zustand_middleware from 'zustand/middleware';
 export { cn, getSubjectColorWithOpacity, syncDropdownState } from './utils/index.mjs';
 import 'clsx';
 
+interface ImageUploadProps {
+    /** File currently selected */
+    selectedFile?: File | null;
+    /** Upload progress (0-100). If not provided, progress bar won't show */
+    uploadProgress?: number;
+    /** Show progress bar even if uploadProgress is 100 */
+    showProgress?: boolean;
+    /** Callback when a file is selected */
+    onFileSelect?: (file: File) => void;
+    /** Callback when file is removed */
+    onRemoveFile?: () => void;
+    /** Custom button text when no file is selected */
+    buttonText?: string;
+    /** Custom button icon when no file is selected */
+    buttonIcon?: react__default.ReactNode;
+    /** Accept specific file types (default: "image/*") */
+    accept?: string;
+    /** Disabled state */
+    disabled?: boolean;
+    /** Custom class name */
+    className?: string;
+    /** Max file size in bytes */
+    maxSize?: number;
+    /** Callback when file size exceeds maxSize */
+    onSizeError?: (file: File, maxSize: number) => void;
+    /** Callback when invalid file type is selected */
+    onTypeError?: (file: File) => void;
+    /** Variant of the upload button */
+    variant?: 'default' | 'compact';
+}
+declare function ImageUpload({ selectedFile, onFileSelect, onRemoveFile, buttonText, buttonIcon, accept, disabled, className, maxSize, onSizeError, onTypeError, variant, }: Readonly<ImageUploadProps>): react_jsx_runtime.JSX.Element;
+
 /**
  * CheckboxList size variants
  */
@@ -152,6 +184,27 @@ declare const CheckboxListItem: react.ForwardRefExoticComponent<{
     className?: string;
 } & Omit<InputHTMLAttributes<HTMLInputElement>, "size" | "value" | "checked" | "type" | "name" | "onChange"> & react.RefAttributes<HTMLInputElement>>;
 
+type Item = {
+    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
  */
@@ -624,4 +677,4 @@ declare const useAppStore: zustand.UseBoundStore<Omit<zustand.StoreApi<AppState>
     };
 }>;
 
-export { AccordionGroup, type AuthState, CheckboxList, CheckboxListItem, FetchNotificationsParams, 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, 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 };

package/dist/index.d.ts

@@ -7,8 +7,9 @@ export { default as IconRoundedButton } from './IconRoundedButton/index.js';
 export { default as NavButton } from './NavButton/index.js';
 export { default as SelectionButton } from './SelectionButton/index.js';
 export { default as CheckBox } from './CheckBox/index.js';
+import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as react from 'react';
-import { ReactNode, HTMLAttributes, InputHTMLAttributes } from 'react';
+import react__default, { ReactNode, HTMLAttributes, InputHTMLAttributes } from 'react';
 import * as zustand from 'zustand';
 import { StoreApi } from 'zustand';
 export { default as Radio, RadioGroup, RadioGroupItem } from './Radio/index.js';
@@ -50,7 +51,6 @@ export { createZustandAuthAdapter } from './Auth/zustandAuthAdapter/index.js';
 export { useUrlAuthentication } from './Auth/useUrlAuthentication/index.js';
 export { useApiConfig } from './Auth/useApiConfig/index.js';
 export { Quiz, QuizContent, QuizFooter, QuizHeader, QuizQuestionList, QuizTitle } from './Quiz/index.js';
-import * as react_jsx_runtime from 'react/jsx-runtime';
 import { Question } from './Quiz/useQuizStore/index.js';
 export { ANSWER_STATUS, QUESTION_DIFFICULTY, QUESTION_STATUS, QUESTION_TYPE, QUIZ_TYPE, QuestionResult, QuizInterface, QuizState, SUBTYPE_ENUM, UserAnswerItem, useQuizStore } from './Quiz/useQuizStore/index.js';
 export { MultipleChoiceList } from './MultipleChoice/index.js';
@@ -65,6 +65,38 @@ import * as zustand_middleware from 'zustand/middleware';
 export { cn, getSubjectColorWithOpacity, syncDropdownState } from './utils/index.js';
 import 'clsx';
 
+interface ImageUploadProps {
+    /** File currently selected */
+    selectedFile?: File | null;
+    /** Upload progress (0-100). If not provided, progress bar won't show */
+    uploadProgress?: number;
+    /** Show progress bar even if uploadProgress is 100 */
+    showProgress?: boolean;
+    /** Callback when a file is selected */
+    onFileSelect?: (file: File) => void;
+    /** Callback when file is removed */
+    onRemoveFile?: () => void;
+    /** Custom button text when no file is selected */
+    buttonText?: string;
+    /** Custom button icon when no file is selected */
+    buttonIcon?: react__default.ReactNode;
+    /** Accept specific file types (default: "image/*") */
+    accept?: string;
+    /** Disabled state */
+    disabled?: boolean;
+    /** Custom class name */
+    className?: string;
+    /** Max file size in bytes */
+    maxSize?: number;
+    /** Callback when file size exceeds maxSize */
+    onSizeError?: (file: File, maxSize: number) => void;
+    /** Callback when invalid file type is selected */
+    onTypeError?: (file: File) => void;
+    /** Variant of the upload button */
+    variant?: 'default' | 'compact';
+}
+declare function ImageUpload({ selectedFile, onFileSelect, onRemoveFile, buttonText, buttonIcon, accept, disabled, className, maxSize, onSizeError, onTypeError, variant, }: Readonly<ImageUploadProps>): react_jsx_runtime.JSX.Element;
+
 /**
  * CheckboxList size variants
  */
@@ -152,6 +184,27 @@ declare const CheckboxListItem: react.ForwardRefExoticComponent<{
     className?: string;
 } & Omit<InputHTMLAttributes<HTMLInputElement>, "size" | "value" | "checked" | "type" | "name" | "onChange"> & react.RefAttributes<HTMLInputElement>>;
 
+type Item = {
+    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
  */
@@ -624,4 +677,4 @@ declare const useAppStore: zustand.UseBoundStore<Omit<zustand.StoreApi<AppState>
     };
 }>;
 
-export { AccordionGroup, type AuthState, CheckboxList, CheckboxListItem, FetchNotificationsParams, 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, 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 };