componentes-sinco 1.0.27 → 1.0.29

package/dist/index.d.cts

@@ -176,6 +176,7 @@ interface ModalProps {
         fn: () => void;
         disabled?: boolean;
     }[];
+    setOpen?: React.Dispatch<React.SetStateAction<boolean>>;
     buttonModal?: {
         icon?: string;
         text?: string;
@@ -190,9 +191,7 @@ declare const getIconComponent: (iconName?: string) => React.ElementType;
 declare const getModalColor: (state: string) => string;
 declare const getButtonColor: (state: string) => 'inherit' | 'info' | 'error' | 'warning';
 
-declare const SCModal: ({ buttonModal, state, open, setOpen, title, description, action, }: ModalProps & {
-    setOpen?: React__default.Dispatch<React__default.SetStateAction<boolean>> | undefined;
-}) => React__default.JSX.Element;
+declare const SCModal: ({ buttonModal, state, open, setOpen, title, description, action, }: ModalProps) => React__default.JSX.Element;
 
 interface MultiSelectProps<T> {
     textButton?: string;
@@ -311,33 +310,6 @@ interface SCTextFieldProps {
 
 declare const SCTextField: ({ title, iconTitle, infoTitle, label, placeholder, infoElement, iconInputStart, iconInputEnd, maxLength, variant, format, disabled, required, size, width, color, background, setState, state, onChange, onBlur, onKeyDown, }: SCTextFieldProps) => React__default.JSX.Element;
 
-interface SCAutocompleteProps<T> {
-    label?: string;
-    data: T[];
-    columnGroup?: string;
-    getItemValue: (item: T) => {
-        icon?: any;
-        text: string;
-        value: string;
-        component?: any;
-    };
-    typeFormat?: "normal" | "multiselect";
-    checkMassive?: boolean;
-    deleteType?: "button" | "icon";
-    required?: boolean;
-    disabled?: boolean;
-    background?: string;
-    fnAplicar?: () => void | React__default.ReactNode;
-    setState: React__default.Dispatch<React__default.SetStateAction<any>>;
-    state: {
-        hiddenValue: string | string[];
-        textValue: string | string[];
-    };
-    inputChange?: (value: string) => void;
-    maxCheck?: number;
-}
-declare function SCAutocomplete<T>({ label, data, columnGroup, getItemValue, typeFormat, checkMassive, deleteType, fnAplicar, required, disabled, background, setState, state, inputChange, maxCheck, }: SCAutocompleteProps<T>): React__default.JSX.Element;
-
 interface SCCalendarSwipeableProps {
     background?: string;
     setState: React__default.Dispatch<React__default.SetStateAction<string>>;
@@ -365,6 +337,33 @@ interface SCDataGridInitialProps<T> {
 declare function SCDataGridInitial<T>({ data, columns, groupColumns, rowsTable, checkboxSelection, width, maxHeight, density }: SCDataGridInitialProps<T>): React__default.JSX.Element;
 declare const SCDataGrid: React__default.MemoExoticComponent<typeof SCDataGridInitial>;
 
+interface SCAutocompleteProps<T> {
+    label?: string;
+    data: T[];
+    columnGroup?: string;
+    getItemValue: (item: T) => {
+        icon?: any;
+        text: string;
+        value: string;
+        component?: any;
+    };
+    typeFormat?: "normal" | "multiselect";
+    checkMassive?: boolean;
+    deleteType?: "button" | "icon";
+    required?: boolean;
+    disabled?: boolean;
+    background?: string;
+    fnAplicar?: () => void | React__default.ReactNode;
+    setState: React__default.Dispatch<React__default.SetStateAction<any>>;
+    state: {
+        hiddenValue: string | string[];
+        textValue: string | string[];
+    };
+    inputChange?: (value: string) => void;
+    maxCheck?: number;
+}
+declare function SCAutocomplete<T>({ label, data, columnGroup, getItemValue, typeFormat, checkMassive, deleteType, fnAplicar, required, disabled, background, setState, state, inputChange, maxCheck, }: SCAutocompleteProps<T>): React__default.JSX.Element;
+
 type EmptyStateStates = 'create' | 'error' | 'noResult' | 'search';
 type EmptyStateSize = 'small' | 'large';
 interface EmptyStateProperties {
@@ -465,6 +464,23 @@ interface SCMenuProps {
 }
 declare const SCMenu: ({ header, options, defaultOption, disable, widthMenu, heightMenu, widthPage }: SCMenuProps) => React__default.JSX.Element;
 
+interface BasicMenuProps {
+    open?: boolean;
+    onClose?: () => void;
+    button?: {
+        icon?: string;
+        text?: string;
+        color?: ReplyPalette$1;
+        variant?: RepplyButtonVariants;
+        iconPosition?: 'left' | 'right';
+        size?: "small" | "medium" | "large";
+    };
+    anchorEl?: null | HTMLElement;
+    handleClick?: (event: React__default.MouseEvent<HTMLButtonElement>) => void;
+    options?: [];
+}
+declare const BasicMenu: ({ open, onClose, button, anchorEl, handleClick, options }: BasicMenuProps) => React__default.JSX.Element;
+
 interface SCSelectProps<T> {
     label?: string;
     data: T[];
@@ -509,12 +525,13 @@ interface SCTabsProps {
 declare const SCTabs: ({ options, defaultOption, typeIcon, background, iconPosition, colorTab, orientation, variant, scrollButtons, children }: SCTabsProps) => React__default.JSX.Element;
 
 type CalendarView = 'month' | 'week' | 'day';
+type EventState = 'En progreso' | 'Finalizada' | 'Vencida' | 'Asignada' | 'Aplazada' | 'Generada';
 interface CalendarEvent {
     id: string;
     title: string;
     start: dayjs.Dayjs;
     end: dayjs.Dayjs;
-    state: 'En progreso' | 'Finalizada' | 'Vencida' | 'Asignada' | 'Aplazada' | 'Generada';
+    state: EventState;
 }
 interface CalendarProps {
     events: CalendarEvent[];
@@ -534,6 +551,46 @@ interface CalendarProps {
 
 declare const Calendar: React__default.FC<CalendarProps>;
 
+declare const CALENDAR_CONSTANTS: {
+    readonly GRID_TEMPLATE: "repeat(7, minmax(150px, 1fr))";
+    readonly DAY_HEIGHT: 60;
+    readonly SIDEBAR_WIDTH: 47;
+    readonly MIN_CELL_HEIGHT: 120;
+    readonly DEFAULT_START_HOUR: 0;
+    readonly DEFAULT_END_HOUR: 23;
+    readonly DRAWER_WIDTH: "350px";
+    readonly MAX_VISIBLE_EVENTS: 2;
+    readonly MIN_WIDTH: "1050px";
+    readonly LOADING_SPINNER_SIZE: "60px";
+    readonly LOADING_CONTAINER_HEIGHT: "450px";
+    readonly DAY_CIRCLE_SIZE: 24;
+};
+
+type NavigationAction = 'PREV' | 'NEXT' | 'TODAY';
+declare const useCalendarNavigation: (initialDate?: dayjs.Dayjs, onDateChange?: ((date: dayjs.Dayjs) => void) | undefined) => {
+    currentDate: dayjs.Dayjs;
+    setCurrentDate: React$1.Dispatch<React$1.SetStateAction<dayjs.Dayjs>>;
+    navigateDate: (action: NavigationAction, view: CalendarView) => void;
+};
+
+type CellBorderType = 'full' | 'start' | 'end' | 'middle' | 'none';
+declare const filterEventsForDay: (events: CalendarEvent[], day: Dayjs) => CalendarEvent[];
+declare const getCellBorderType: (cellHour: number, dayEvents: CalendarEvent[]) => CellBorderType;
+declare const clampEventToVisibleRange: (event: CalendarEvent, currentDate: Dayjs, startHour: number, endHour: number) => {
+    startMinutes: number;
+    durationMinutes: number;
+    clampedStart: dayjs.Dayjs;
+    clampedEnd: dayjs.Dayjs;
+};
+
+interface DayEventsListProps {
+    events: CalendarEvent[];
+    day: dayjs.Dayjs;
+    onEventClick?: (event: CalendarEvent, date?: dayjs.Dayjs) => void;
+    onEventHover?: (event: CalendarEvent) => React__default.ReactNode;
+}
+declare const DayEventsList: React__default.FC<DayEventsListProps>;
+
 interface SCTimeProps {
     label?: string;
     required?: boolean;
@@ -579,4 +636,4 @@ declare const SincoTheme: _mui_material_styles.Theme;
 declare let AdproSincoTheme: _mui_material_styles.Theme;
 declare let ADCSincoTheme: _mui_material_styles.Theme;
 
-export { ADCSincoTheme, AdproSincoTheme, Attachment, Calendar, type CalendarEvent, type CalendarProps, type CalendarView, EmptyState, type EmptyStateProperties, type EmptyStateSize, type EmptyStateStates, FooterAction, type FooterActionsProperties, type ModalProps, type ModalStates, MultiSelect, type MultiSelectProps, PageHeader, type PageheaderProperties, type ReplyPalette$1 as ReplyPalette, type ReplyTextPalette, type ReplyVariants, type RepplyButtonVariants, SCActivityCalendar, SCAutocomplete, SCCalendarSwipeable, SCCard, SCDataGrid, SCDataGridInitial, SCDateRange, SCDialog, SCDrawer, SCListContent, SCMenu, SCModal, SCSelect, SCTabs, SCTextArea, type SCTextAreaProps, SCTextField, type SCTextFieldProps, SCTime, SCToastNotification, SincoTheme, type ToastBaseProperties, ToastProgress, type ToastType, capitalize, getButtonColor, getIcon, getIconComponent, getIconMultiSelect, getModalColor, modalStateConfig, useFilteredItems, useMultiSelectHandlers, useProgress };
+export { ADCSincoTheme, AdproSincoTheme, Attachment, BasicMenu, type BasicMenuProps, CALENDAR_CONSTANTS, Calendar, type CalendarEvent, type CalendarProps, type CalendarView, type CellBorderType, DayEventsList, EmptyState, type EmptyStateProperties, type EmptyStateSize, type EmptyStateStates, type EventState, FooterAction, type FooterActionsProperties, type ModalProps, type ModalStates, MultiSelect, type MultiSelectProps, type NavigationAction, PageHeader, type PageheaderProperties, type ReplyPalette$1 as ReplyPalette, type ReplyTextPalette, type ReplyVariants, type RepplyButtonVariants, SCActivityCalendar, SCAutocomplete, SCCalendarSwipeable, SCCard, SCDataGrid, SCDataGridInitial, SCDateRange, SCDialog, SCDrawer, SCListContent, SCMenu, SCModal, SCSelect, SCTabs, SCTextArea, type SCTextAreaProps, SCTextField, type SCTextFieldProps, SCTime, SCToastNotification, SincoTheme, type ToastBaseProperties, ToastProgress, type ToastType, capitalize, clampEventToVisibleRange, filterEventsForDay, getButtonColor, getCellBorderType, getIcon, getIconComponent, getIconMultiSelect, getModalColor, modalStateConfig, useCalendarNavigation, useFilteredItems, useMultiSelectHandlers, useProgress };

package/dist/index.d.ts

@@ -176,6 +176,7 @@ interface ModalProps {
         fn: () => void;
         disabled?: boolean;
     }[];
+    setOpen?: React.Dispatch<React.SetStateAction<boolean>>;
     buttonModal?: {
         icon?: string;
         text?: string;
@@ -190,9 +191,7 @@ declare const getIconComponent: (iconName?: string) => React.ElementType;
 declare const getModalColor: (state: string) => string;
 declare const getButtonColor: (state: string) => 'inherit' | 'info' | 'error' | 'warning';
 
-declare const SCModal: ({ buttonModal, state, open, setOpen, title, description, action, }: ModalProps & {
-    setOpen?: React__default.Dispatch<React__default.SetStateAction<boolean>> | undefined;
-}) => React__default.JSX.Element;
+declare const SCModal: ({ buttonModal, state, open, setOpen, title, description, action, }: ModalProps) => React__default.JSX.Element;
 
 interface MultiSelectProps<T> {
     textButton?: string;
@@ -311,33 +310,6 @@ interface SCTextFieldProps {
 
 declare const SCTextField: ({ title, iconTitle, infoTitle, label, placeholder, infoElement, iconInputStart, iconInputEnd, maxLength, variant, format, disabled, required, size, width, color, background, setState, state, onChange, onBlur, onKeyDown, }: SCTextFieldProps) => React__default.JSX.Element;
 
-interface SCAutocompleteProps<T> {
-    label?: string;
-    data: T[];
-    columnGroup?: string;
-    getItemValue: (item: T) => {
-        icon?: any;
-        text: string;
-        value: string;
-        component?: any;
-    };
-    typeFormat?: "normal" | "multiselect";
-    checkMassive?: boolean;
-    deleteType?: "button" | "icon";
-    required?: boolean;
-    disabled?: boolean;
-    background?: string;
-    fnAplicar?: () => void | React__default.ReactNode;
-    setState: React__default.Dispatch<React__default.SetStateAction<any>>;
-    state: {
-        hiddenValue: string | string[];
-        textValue: string | string[];
-    };
-    inputChange?: (value: string) => void;
-    maxCheck?: number;
-}
-declare function SCAutocomplete<T>({ label, data, columnGroup, getItemValue, typeFormat, checkMassive, deleteType, fnAplicar, required, disabled, background, setState, state, inputChange, maxCheck, }: SCAutocompleteProps<T>): React__default.JSX.Element;
-
 interface SCCalendarSwipeableProps {
     background?: string;
     setState: React__default.Dispatch<React__default.SetStateAction<string>>;
@@ -365,6 +337,33 @@ interface SCDataGridInitialProps<T> {
 declare function SCDataGridInitial<T>({ data, columns, groupColumns, rowsTable, checkboxSelection, width, maxHeight, density }: SCDataGridInitialProps<T>): React__default.JSX.Element;
 declare const SCDataGrid: React__default.MemoExoticComponent<typeof SCDataGridInitial>;
 
+interface SCAutocompleteProps<T> {
+    label?: string;
+    data: T[];
+    columnGroup?: string;
+    getItemValue: (item: T) => {
+        icon?: any;
+        text: string;
+        value: string;
+        component?: any;
+    };
+    typeFormat?: "normal" | "multiselect";
+    checkMassive?: boolean;
+    deleteType?: "button" | "icon";
+    required?: boolean;
+    disabled?: boolean;
+    background?: string;
+    fnAplicar?: () => void | React__default.ReactNode;
+    setState: React__default.Dispatch<React__default.SetStateAction<any>>;
+    state: {
+        hiddenValue: string | string[];
+        textValue: string | string[];
+    };
+    inputChange?: (value: string) => void;
+    maxCheck?: number;
+}
+declare function SCAutocomplete<T>({ label, data, columnGroup, getItemValue, typeFormat, checkMassive, deleteType, fnAplicar, required, disabled, background, setState, state, inputChange, maxCheck, }: SCAutocompleteProps<T>): React__default.JSX.Element;
+
 type EmptyStateStates = 'create' | 'error' | 'noResult' | 'search';
 type EmptyStateSize = 'small' | 'large';
 interface EmptyStateProperties {
@@ -465,6 +464,23 @@ interface SCMenuProps {
 }
 declare const SCMenu: ({ header, options, defaultOption, disable, widthMenu, heightMenu, widthPage }: SCMenuProps) => React__default.JSX.Element;
 
+interface BasicMenuProps {
+    open?: boolean;
+    onClose?: () => void;
+    button?: {
+        icon?: string;
+        text?: string;
+        color?: ReplyPalette$1;
+        variant?: RepplyButtonVariants;
+        iconPosition?: 'left' | 'right';
+        size?: "small" | "medium" | "large";
+    };
+    anchorEl?: null | HTMLElement;
+    handleClick?: (event: React__default.MouseEvent<HTMLButtonElement>) => void;
+    options?: [];
+}
+declare const BasicMenu: ({ open, onClose, button, anchorEl, handleClick, options }: BasicMenuProps) => React__default.JSX.Element;
+
 interface SCSelectProps<T> {
     label?: string;
     data: T[];
@@ -509,12 +525,13 @@ interface SCTabsProps {
 declare const SCTabs: ({ options, defaultOption, typeIcon, background, iconPosition, colorTab, orientation, variant, scrollButtons, children }: SCTabsProps) => React__default.JSX.Element;
 
 type CalendarView = 'month' | 'week' | 'day';
+type EventState = 'En progreso' | 'Finalizada' | 'Vencida' | 'Asignada' | 'Aplazada' | 'Generada';
 interface CalendarEvent {
     id: string;
     title: string;
     start: dayjs.Dayjs;
     end: dayjs.Dayjs;
-    state: 'En progreso' | 'Finalizada' | 'Vencida' | 'Asignada' | 'Aplazada' | 'Generada';
+    state: EventState;
 }
 interface CalendarProps {
     events: CalendarEvent[];
@@ -534,6 +551,46 @@ interface CalendarProps {
 
 declare const Calendar: React__default.FC<CalendarProps>;
 
+declare const CALENDAR_CONSTANTS: {
+    readonly GRID_TEMPLATE: "repeat(7, minmax(150px, 1fr))";
+    readonly DAY_HEIGHT: 60;
+    readonly SIDEBAR_WIDTH: 47;
+    readonly MIN_CELL_HEIGHT: 120;
+    readonly DEFAULT_START_HOUR: 0;
+    readonly DEFAULT_END_HOUR: 23;
+    readonly DRAWER_WIDTH: "350px";
+    readonly MAX_VISIBLE_EVENTS: 2;
+    readonly MIN_WIDTH: "1050px";
+    readonly LOADING_SPINNER_SIZE: "60px";
+    readonly LOADING_CONTAINER_HEIGHT: "450px";
+    readonly DAY_CIRCLE_SIZE: 24;
+};
+
+type NavigationAction = 'PREV' | 'NEXT' | 'TODAY';
+declare const useCalendarNavigation: (initialDate?: dayjs.Dayjs, onDateChange?: ((date: dayjs.Dayjs) => void) | undefined) => {
+    currentDate: dayjs.Dayjs;
+    setCurrentDate: React$1.Dispatch<React$1.SetStateAction<dayjs.Dayjs>>;
+    navigateDate: (action: NavigationAction, view: CalendarView) => void;
+};
+
+type CellBorderType = 'full' | 'start' | 'end' | 'middle' | 'none';
+declare const filterEventsForDay: (events: CalendarEvent[], day: Dayjs) => CalendarEvent[];
+declare const getCellBorderType: (cellHour: number, dayEvents: CalendarEvent[]) => CellBorderType;
+declare const clampEventToVisibleRange: (event: CalendarEvent, currentDate: Dayjs, startHour: number, endHour: number) => {
+    startMinutes: number;
+    durationMinutes: number;
+    clampedStart: dayjs.Dayjs;
+    clampedEnd: dayjs.Dayjs;
+};
+
+interface DayEventsListProps {
+    events: CalendarEvent[];
+    day: dayjs.Dayjs;
+    onEventClick?: (event: CalendarEvent, date?: dayjs.Dayjs) => void;
+    onEventHover?: (event: CalendarEvent) => React__default.ReactNode;
+}
+declare const DayEventsList: React__default.FC<DayEventsListProps>;
+
 interface SCTimeProps {
     label?: string;
     required?: boolean;
@@ -579,4 +636,4 @@ declare const SincoTheme: _mui_material_styles.Theme;
 declare let AdproSincoTheme: _mui_material_styles.Theme;
 declare let ADCSincoTheme: _mui_material_styles.Theme;
 
-export { ADCSincoTheme, AdproSincoTheme, Attachment, Calendar, type CalendarEvent, type CalendarProps, type CalendarView, EmptyState, type EmptyStateProperties, type EmptyStateSize, type EmptyStateStates, FooterAction, type FooterActionsProperties, type ModalProps, type ModalStates, MultiSelect, type MultiSelectProps, PageHeader, type PageheaderProperties, type ReplyPalette$1 as ReplyPalette, type ReplyTextPalette, type ReplyVariants, type RepplyButtonVariants, SCActivityCalendar, SCAutocomplete, SCCalendarSwipeable, SCCard, SCDataGrid, SCDataGridInitial, SCDateRange, SCDialog, SCDrawer, SCListContent, SCMenu, SCModal, SCSelect, SCTabs, SCTextArea, type SCTextAreaProps, SCTextField, type SCTextFieldProps, SCTime, SCToastNotification, SincoTheme, type ToastBaseProperties, ToastProgress, type ToastType, capitalize, getButtonColor, getIcon, getIconComponent, getIconMultiSelect, getModalColor, modalStateConfig, useFilteredItems, useMultiSelectHandlers, useProgress };
+export { ADCSincoTheme, AdproSincoTheme, Attachment, BasicMenu, type BasicMenuProps, CALENDAR_CONSTANTS, Calendar, type CalendarEvent, type CalendarProps, type CalendarView, type CellBorderType, DayEventsList, EmptyState, type EmptyStateProperties, type EmptyStateSize, type EmptyStateStates, type EventState, FooterAction, type FooterActionsProperties, type ModalProps, type ModalStates, MultiSelect, type MultiSelectProps, type NavigationAction, PageHeader, type PageheaderProperties, type ReplyPalette$1 as ReplyPalette, type ReplyTextPalette, type ReplyVariants, type RepplyButtonVariants, SCActivityCalendar, SCAutocomplete, SCCalendarSwipeable, SCCard, SCDataGrid, SCDataGridInitial, SCDateRange, SCDialog, SCDrawer, SCListContent, SCMenu, SCModal, SCSelect, SCTabs, SCTextArea, type SCTextAreaProps, SCTextField, type SCTextFieldProps, SCTime, SCToastNotification, SincoTheme, type ToastBaseProperties, ToastProgress, type ToastType, capitalize, clampEventToVisibleRange, filterEventsForDay, getButtonColor, getCellBorderType, getIcon, getIconComponent, getIconMultiSelect, getModalColor, modalStateConfig, useCalendarNavigation, useFilteredItems, useMultiSelectHandlers, useProgress };