componentes-sinco 1.0.2-rc.8 → 1.0.3-rc.1

package/dist/index.css

@@ -40,3 +40,4 @@ input[type=password]::-ms-reveal {
 input[type=password]::-ms-clear {
   display: none !important;
 }
+/*# sourceMappingURL=index.css.map */

package/dist/index.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/App.css"],"sourcesContent":[".red-asterisk {\r\n  color: #D14343;\r\n}\r\n\r\ninput[type=number]::-webkit-inner-spin-button,\r\ninput[type=number]::-webkit-outer-spin-button {\r\n    -webkit-appearance: none;\r\n    margin: 0;\r\n}\r\n\r\ninput[type=number] {\r\n    -moz-appearance: textfield;\r\n}\r\n\r\n/*CHROME*/\r\n\r\n\r\n/* Estilo para la pista de la barra de desplazamiento */\r\n/*::-webkit-scrollbar-track {\r\n    background: #f1f1f1;*/ /* Color de fondo de la pista */\r\n/*border-radius: 10px;*/ /* Bordes redondeados */\r\n/*}*/\r\n\r\n/* Estilo para el pulgar de la barra de desplazamiento */\r\n\r\n\r\n/* Estilo para el pulgar de la barra de desplazamiento al pasar el ratón */\r\n/*::-webkit-scrollbar-thumb:hover {\r\n        background: #555;*/ /* Color del pulgar al pasar el ratón */\r\n/*}*/\r\n\r\n/*EDGE*/\r\n\r\n/* Estilo para la barra de desplazamiento */\r\nbody {\r\n    margin: 0px;\r\n    padding: 0px;\r\n    -ms-overflow-style: none; /* Ocultar la barra de desplazamiento predeterminada */\r\n}\r\n\r\n    /* Estilo para la pista de la barra de desplazamiento */\r\n    body::-ms-scrollbar-track {\r\n        background: #f1f1f1; /* Color de fondo de la pista */\r\n    }\r\n\r\n    /* Estilo para el pulgar de la barra de desplazamiento */\r\n    body::-ms-scrollbar-thumb {\r\n        background: #888; /* Color del pulgar */\r\n    }\r\n/*FIREFOX*/\r\n\r\n::-webkit-scrollbar {\r\n    width: 14px !important;\r\n    height: 14px !important;\r\n    background: #EAEBEC;\r\n}\r\n\r\n::-webkit-scrollbar-thumb {\r\n    background-color: #2063A0;\r\n    border: 3.5px solid #EAEBEC;\r\n    border-radius: 17px;\r\n}\r\n\r\n.APP5PassWord {\r\n    -webkit-text-security: disc;\r\n  }\r\n\r\n\r\n  input[type=\"password\"]::-ms-reveal {\r\n        display: none !important;\r\n    }\r\n    \r\ninput[type=\"password\"]::-ms-clear {\r\n        display: none !important;\r\n    }\r\n\r\n    \r\n    \r\n"],"mappings":";AAAA,CAAC;AACC,SAAO;AACT;AAEA,KAAK,CAAC,YAAY;AAClB,KAAK,CAAC,YAAY;AACd,sBAAoB;AACpB,UAAQ;AACZ;AAEA,KAAK,CAAC;AACF,mBAAiB;AACrB;AAsBA;AACI,UAAQ;AACR,WAAS;AACT,sBAAoB;AACxB;AAGI,IAAI;AACA,cAAY;AAChB;AAGA,IAAI;AACA,cAAY;AAChB;AAGJ;AACI,SAAO;AACP,UAAQ;AACR,cAAY;AAChB;AAEA;AACI,oBAAkB;AAClB,UAAQ,MAAM,MAAM;AACpB,iBAAe;AACnB;AAEA,CAAC;AACG,yBAAuB;AACzB;AAGA,KAAK,CAAC,cAAgB;AAChB,WAAS;AACb;AAEJ,KAAK,CAAC,cAAgB;AACd,WAAS;AACb;","names":[]}

package/dist/index.d.cts

@@ -1,19 +1,30 @@
 import * as React$1 from 'react';
-import React__default, { ComponentType } from 'react';
+import React__default, { ComponentType, ReactNode } from 'react';
 import * as Muicon from '@mui/icons-material';
 import * as _mui_material_OverridableComponent from '@mui/material/OverridableComponent';
 import * as _mui_material from '@mui/material';
+import { Dayjs } from 'dayjs';
 import * as _mui_material_styles from '@mui/material/styles';
 
-type ReplyPalette$1 = "primary" | "secondary" | "warning" | "info" | "success" | "error";
+type ReplyPalette$1 = "primary" | "secondary" | "warning" | "info" | "success" | "error" | any;
 type ReplyTextPalette = "primary" | "secondary" | "disabled";
 type ReplyVariants = "outlined" | "filled" | "standard";
 type RepplyButtonVariants = "text" | "contained" | "outlined";
 
 declare function capitalize(text: string): string;
 
-interface ArrayElement {
-    type?: 'textField' | 'textArea';
+interface ArrayElement<T> {
+    data?: T[];
+    columnGroup?: string;
+    getItemValue?: (item: T) => {
+        icon?: any;
+        text: string;
+        value: string;
+    };
+    typeFormat?: "normal" | "multiselect";
+    checkMassive?: boolean;
+    deleteType?: "button" | "icon";
+    type?: 'textField' | 'textArea' | 'select' | 'autocomplete' | 'dateRange';
     title?: string;
     iconTitle?: keyof typeof Muicon;
     infoTitle?: {
@@ -21,6 +32,8 @@ interface ArrayElement {
         component?: "tooltip" | "popover";
     };
     label?: string;
+    labelDateInitial?: string;
+    labelDateFinal?: string;
     placeholder?: string;
     infoElement?: {
         text?: string;
@@ -39,15 +52,17 @@ interface ArrayElement {
     rows?: number;
     color?: ReplyPalette$1;
     background?: string;
-    state?: any | React.Dispatch<React.SetStateAction<string>>;
-    value?: string;
+    setState?: any | React.Dispatch<React.SetStateAction<string>>;
+    state?: any;
     onChange?: () => {};
     onBlur?: () => {};
     onKeyDown?: () => {};
+    fnAplicar?: () => void | React.ReactNode;
+    inputChange?: (value: string) => void;
 }
-interface DrawerProps {
+interface DrawerProps<T> {
     title?: string;
-    arrayElements?: ArrayElement[];
+    arrayElements?: ArrayElement<T>[];
     actions?: {
         text: string;
         fn: () => void;
@@ -90,7 +105,65 @@ declare const ToastProgress: (timeProgress: number) => {
     progressToast: number;
 };
 
-declare const SCDrawer: ({ title, arrayElements, actions, buttonDrawer, colorTitle, anchor, width, open, }: DrawerProps) => React__default.JSX.Element;
+declare function SCDrawer<T>({ title, arrayElements, actions, buttonDrawer, colorTitle, anchor, width, open, }: DrawerProps<T>): React__default.JSX.Element;
+
+interface FooterActionsProperties {
+    label?: React.ReactNode;
+    leftContent?: React.ReactNode;
+    rightContent?: React.ReactNode;
+    variant?: 'standard' | 'float';
+}
+
+declare const FooterAction: ({ leftContent, rightContent, label, variant, }: FooterActionsProperties) => React__default.JSX.Element;
+
+declare const modalStateConfig: {
+    info: {
+        color: string;
+        defaultDescription: string;
+        icon: React__default.JSX.Element;
+    };
+    delete: {
+        color: string;
+        defaultDescription: string;
+        icon: React__default.JSX.Element;
+    };
+    warning: {
+        color: string;
+        defaultDescription: string;
+        icon: React__default.JSX.Element;
+    };
+};
+
+type ModalStates = 'info' | 'delete' | 'warning';
+interface ModalProps {
+    title: string;
+    description?: string;
+    textButton?: string;
+    buttonVariant?: RepplyButtonVariants;
+    iconPosition?: 'left' | 'right';
+    buttonColor?: ReplyPalette$1;
+    state: ModalStates;
+    open: boolean;
+    action?: {
+        text: string;
+        fn: () => void;
+        disabled?: boolean;
+    }[];
+    buttonModal?: {
+        icon?: string;
+        text?: string;
+        color?: ReplyPalette$1;
+        variant?: 'text' | 'outlined' | 'contained';
+        iconPosition?: 'left' | 'right';
+        size?: "small" | "medium" | "large";
+    };
+}
+
+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, title, description, action, }: ModalProps) => React__default.JSX.Element;
 
 interface MultiSelectProps<T> {
     textButton?: string;
@@ -137,7 +210,18 @@ declare function useFilteredItems<T>(items: T[], filterValue: string, getItemLab
     sortedItems: T[];
 };
 
-declare function SCMultiSelect<T>({ textButton, button, items, topPanel, actions, dense, open, selectAll, getItemLabel }: MultiSelectProps<T>): React__default.JSX.Element;
+declare function MultiSelect<T>({ textButton, button, items, topPanel, actions, dense, open, selectAll, getItemLabel }: MultiSelectProps<T>): React__default.JSX.Element;
+
+interface PageheaderProperties {
+    title: string | React.ReactNode;
+    subtitle?: string | React.ReactNode;
+    actions?: React.ReactNode;
+    buttonBack?: React.ReactNode;
+    fixed?: boolean;
+    shadow?: boolean;
+}
+
+declare const PageHeader: ({ title, subtitle, actions, buttonBack, fixed, shadow, }: PageheaderProperties) => React__default.JSX.Element;
 
 interface SCTextAreaProps {
     title?: string;
@@ -156,14 +240,14 @@ interface SCTextAreaProps {
     disabled?: boolean;
     rows?: number;
     maxLength?: number;
-    value: string;
-    state: React.Dispatch<React.SetStateAction<string>>;
+    state: string;
+    setState: React.Dispatch<React.SetStateAction<string>>;
     onBlur?: (event: React.FocusEvent<HTMLInputElement | HTMLTextAreaElement>) => void;
 }
 
 declare function getIcon(name?: string): ComponentType | null;
 
-declare const SCTextArea: ({ title, iconTitle, infoTitle, label, placeholder, maxLength, variant, disabled, required, width, rows, colorTitle, background, state, value, onBlur, }: SCTextAreaProps) => React__default.JSX.Element;
+declare const SCTextArea: ({ title, iconTitle, infoTitle, label, placeholder, maxLength, variant, disabled, required, width, rows, colorTitle, background, setState, state, onBlur, }: SCTextAreaProps) => React__default.JSX.Element;
 
 interface SCTextFieldProps {
     title?: string;
@@ -186,17 +270,98 @@ interface SCTextFieldProps {
     };
     size?: "small" | "medium";
     variant?: "outlined" | "filled" | "standard";
-    value: string;
     maxLength?: number;
     disabled?: boolean;
     required?: boolean;
-    state: React.Dispatch<React.SetStateAction<string>>;
+    setState: React.Dispatch<React.SetStateAction<string>>;
+    state: string;
     onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
     onBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;
     onKeyDown?: (event: React.KeyboardEvent<HTMLInputElement>) => void;
 }
 
-declare const SCTextField: ({ title, iconTitle, infoTitle, label, placeholder, infoElement, iconInputStart, iconInputEnd, maxLength, variant, format, disabled, required, size, width, color, background, state, value, onChange, onBlur, onKeyDown, }: SCTextFieldProps) => React__default.JSX.Element;
+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;
+    };
+    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;
+}
+declare function SCAutocomplete<T>({ label, data, columnGroup, getItemValue, typeFormat, checkMassive, deleteType, fnAplicar, required, disabled, background, setState, state, inputChange, }: SCAutocompleteProps<T>): React__default.JSX.Element;
+
+interface SCCalendarSwipeableProps {
+    background?: string;
+    setState: React__default.Dispatch<React__default.SetStateAction<string>>;
+    state: string | any;
+}
+declare const SCCalendarSwipeable: ({ background, setState, state, }: SCCalendarSwipeableProps) => React__default.JSX.Element;
+
+interface SCDataGridInitialProps {
+    data: any;
+    columns: any;
+    groupColumns?: any;
+    rowsTable?: number;
+    checkboxSelection?: boolean;
+    width?: string | number;
+    maxHeight?: number;
+    density?: "compact" | "standard" | "comfortable";
+}
+declare const SCDataGridInitial: ({ data, columns, groupColumns, rowsTable, checkboxSelection, width, maxHeight, density }: SCDataGridInitialProps) => React__default.JSX.Element;
+declare const SCDataGrid: React__default.MemoExoticComponent<({ data, columns, groupColumns, rowsTable, checkboxSelection, width, maxHeight, density }: SCDataGridInitialProps) => React__default.JSX.Element>;
+
+type EmptyStateStates = 'create' | 'error' | 'noResult' | 'search';
+type EmptyStateSize = 'small' | 'large';
+interface EmptyStateProperties {
+    icon?: ReactNode;
+    state?: EmptyStateStates;
+    size?: EmptyStateSize;
+    title: string;
+    subtitle?: string;
+    actions?: {
+        icon?: string;
+        text?: string;
+        color?: ReplyPalette$1;
+        variant?: 'text' | 'outlined' | 'contained';
+        iconPosition?: 'left' | 'right';
+        size?: "small" | "medium" | "large";
+        onClick?: () => void;
+    }[];
+    containerHeight?: string;
+    iconStyle?: {
+        width?: string;
+        height?: string;
+    };
+}
+declare const EmptyState: ({ state, size, title, subtitle, actions, containerHeight, icon, }: EmptyStateProperties) => React__default.JSX.Element;
+
+interface SCDateRangeProps {
+    labelDateInitial?: string;
+    labelDateFinal?: string;
+    required?: boolean;
+    disabled?: boolean;
+    background?: string;
+    state: [Dayjs | null, Dayjs | null];
+    setState: React__default.Dispatch<React__default.SetStateAction<[Dayjs | null, Dayjs | null]>>;
+}
+declare const SCDateRange: ({ labelDateInitial, labelDateFinal, required, disabled, background, state, setState, }: SCDateRangeProps) => React__default.JSX.Element;
 
 type ReplyPalette = "primary" | "secondary" | "warning" | "info" | "success" | "error" | "inherit";
 
@@ -228,8 +393,6 @@ interface SCDialogProps {
 }
 declare const SCDialog: ({ title, iconTitle, subtitle, content, actions, buttonDialog, disableClose, dividers, widthContent, heightContent, background, setShow, show }: SCDialogProps) => React__default.JSX.Element;
 
-/***************************************************************************/
-
 interface Option$1 {
     name?: string;
     iconLeft?: any | React__default.ReactNode | React__default.ReactElement | React__default.ElementType | null;
@@ -248,8 +411,30 @@ interface SCMenuProps {
 }
 declare const SCMenu: ({ header, options, defaultOption, disable, widthMenu, heightMenu, widthPage }: SCMenuProps) => React__default.JSX.Element;
 
-/***************************************************************************/
-
+interface SCSelectProps<T> {
+    label?: string;
+    data: T[];
+    getItemValue: (item: T) => {
+        icon?: any;
+        text: string;
+        value: string;
+    };
+    width?: string;
+    size?: "small" | "medium";
+    variant?: "outlined" | "filled" | "standard";
+    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[];
+    };
+}
+declare function SCSelect<T>({ label, data, getItemValue, width, size, variant, deleteType, required, disabled, background, fnAplicar, setState, state, }: SCSelectProps<T>): React__default.JSX.Element;
+
 interface Option {
     name?: string;
     iconOrBadge: string | number | null | undefined | any | React__default.ReactNode | React__default.ReactElement | React__default.ElementType;
@@ -270,123 +455,8 @@ interface SCTabsProps {
 }
 declare const SCTabs: ({ options, defaultOption, typeIcon, background, iconPosition, colorTab, orientation, variant, scrollButtons, children }: SCTabsProps) => React__default.JSX.Element;
 
-interface FooterActionsProperties {
-    label?: React.ReactNode;
-    leftContent?: React.ReactNode;
-    rightContent?: React.ReactNode;
-    variant?: 'standard' | 'float';
-}
-
-declare const FooterAction: ({ leftContent, rightContent, label, variant, }: FooterActionsProperties) => React__default.JSX.Element;
-
-declare const modalStateConfig: {
-    info: {
-        color: string;
-        defaultDescription: string;
-        icon: React__default.JSX.Element;
-    };
-    delete: {
-        color: string;
-        defaultDescription: string;
-        icon: React__default.JSX.Element;
-    };
-    warning: {
-        color: string;
-        defaultDescription: string;
-        icon: React__default.JSX.Element;
-    };
-};
-
-type ModalStates = 'info' | 'delete' | 'warning';
-interface ModalProps {
-    title: string;
-    description?: string;
-    textButton?: string;
-    buttonVariant?: RepplyButtonVariants;
-    iconPosition?: 'left' | 'right';
-    buttonColor?: ReplyPalette$1;
-    state: ModalStates;
-    open: boolean;
-    action?: {
-        text: string;
-        fn: () => void;
-        disabled?: boolean;
-    }[];
-    buttonModal?: {
-        icon?: string;
-        text?: string;
-        color?: ReplyPalette$1;
-        variant?: 'text' | 'outlined' | 'contained';
-        iconPosition?: 'left' | 'right';
-        size?: "small" | "medium" | "large";
-    };
-}
-
-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, title, description, action, }: ModalProps) => React__default.JSX.Element;
-
-interface PageheaderProperties {
-    title: string | React.ReactNode;
-    subtitle?: string | React.ReactNode;
-    actions?: React.ReactNode;
-    buttonBack?: React.ReactNode;
-    fixed?: boolean;
-    shadow?: boolean;
-}
-
-declare const PageHeader: ({ title, subtitle, actions, buttonBack, fixed, shadow, }: PageheaderProperties) => React__default.JSX.Element;
-
-/***************************************************************************/
-
-interface SCCalendarSwipeableProps {
-    background?: string;
-    setState: React__default.Dispatch<React__default.SetStateAction<string>>;
-    state: string | any;
-}
-declare const SCCalendarSwipeable: ({ background, setState, state, }: SCCalendarSwipeableProps) => React__default.JSX.Element;
-
-interface SCDataGridProps {
-    data: any;
-    columns: any;
-    rowsTable?: number;
-    checkboxSelection?: boolean;
-    width?: string | number;
-    maxHeight: number;
-    density?: "compact" | "standard" | "comfortable";
-    groupingColDef?: any;
-    getTreeDataPath?: (row: any) => string[] | [];
-}
-declare const SCDataGrid: ({ data, columns, rowsTable, checkboxSelection, width, maxHeight, density, groupingColDef, getTreeDataPath, }: SCDataGridProps) => React__default.JSX.Element;
-
-interface SCAutocompleteProps<T> {
-    label?: string;
-    data: T[];
-    columnGroup?: string;
-    getItemValue: (item: T) => {
-        icon?: any;
-        text: string;
-        value: string;
-    };
-    type?: "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[];
-    };
-}
-declare function SCAutocomplete<T>({ label, data, columnGroup, getItemValue, type, checkMassive, deleteType, fnAplicar, required, disabled, background, setState, state, }: SCAutocompleteProps<T>): React__default.JSX.Element;
-
 declare const SincoTheme: _mui_material_styles.Theme;
 declare let AdproSincoTheme: _mui_material_styles.Theme;
 declare let ADCSincoTheme: _mui_material_styles.Theme;
 
-export { ADCSincoTheme, AdproSincoTheme, FooterAction, type FooterActionsProperties, type ModalProps, type ModalStates, type MultiSelectProps, PageHeader, type PageheaderProperties, type ReplyPalette$1 as ReplyPalette, type ReplyTextPalette, type ReplyVariants, type RepplyButtonVariants, SCAutocomplete, SCCalendarSwipeable, SCDataGrid, SCDialog, SCDrawer, SCMenu, SCModal, SCMultiSelect, SCTabs, SCTextArea, type SCTextAreaProps, SCTextField, type SCTextFieldProps, SCToastNotification, SincoTheme, type ToastBaseProperties, ToastProgress, type ToastType, capitalize, getButtonColor, getIcon, getIconComponent, getIconMultiSelect, getModalColor, modalStateConfig, useFilteredItems, useMultiSelectHandlers, useProgress };
+export { ADCSincoTheme, AdproSincoTheme, 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, SCAutocomplete, SCCalendarSwipeable, SCDataGrid, SCDataGridInitial, SCDateRange, SCDialog, SCDrawer, SCMenu, SCModal, SCSelect, SCTabs, SCTextArea, type SCTextAreaProps, SCTextField, type SCTextFieldProps, SCToastNotification, SincoTheme, type ToastBaseProperties, ToastProgress, type ToastType, capitalize, getButtonColor, getIcon, getIconComponent, getIconMultiSelect, getModalColor, modalStateConfig, useFilteredItems, useMultiSelectHandlers, useProgress };