componentes-sinco 1.0.2-rc.6 → 1.0.2-rc.8

package/dist/index.cjs

@@ -57,8 +57,8 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
 // src/index.ts
-var src_exports = {};
-__export(src_exports, {
+var index_exports = {};
+__export(index_exports, {
   ADCSincoTheme: () => ADCSincoTheme,
   AdproSincoTheme: () => AdproSincoTheme,
   FooterAction: () => FooterAction,
@@ -88,7 +88,7 @@ __export(src_exports, {
   useMultiSelectHandlers: () => useMultiSelectHandlers,
   useProgress: () => useProgress
 });
-module.exports = __toCommonJS(src_exports);
+module.exports = __toCommonJS(index_exports);
 
 // src/Components/Drawer/SCDrawer.tsx
 var import_react5 = __toESM(require("react"), 1);
@@ -1670,94 +1670,42 @@ var SCCalendarSwipeable = ({
 var import_react18 = __toESM(require("react"), 1);
 var import_x_data_grid_pro = require("@mui/x-data-grid-pro");
 var import_x_license_pro = require("@mui/x-license-pro");
-var import_styles = require("@mui/styles");
-var useStyles = (0, import_styles.makeStyles)({
-  root: {
-    "& .MuiDataGrid-filler": {
-      display: "none !important"
-    },
-    "& .MuiDataGrid-footerContainer": {
-      minHeight: "26px !important",
-      height: "26px !important"
-    },
-    "& .MuiTablePagination-toolbar": {
-      minHeight: "25px !important",
-      height: "25px !important"
-    },
-    "& .MuiTablePagination-actions .MuiIconButton-root": {
-      padding: "0px !important"
-    },
-    "&.MuiDataGrid-root": {
-      "--DataGrid-topContainerHeight": "0px !important"
-      /* Cambia este valor según tus necesidades */
-    },
-    "MuiDataGrid-root .MuiDataGrid-virtualScrollerContent .MuiDataGrid-row": {
-      "--height": "0px !important",
-      "minHeight": "0px !important",
-      "maxHeight": "0px !important"
-    },
-    "& .MuiDataGrid-cell": {
-      padding: "0 !important"
-    }
-  }
-});
-var SCDataGrid = (_a) => {
-  var _b = _a, { data, columns, rowsTable, checkboxSelection, width, height, maxHeight, density, agrupacion, groupingColDef, getTreeDataPath } = _b, props = __objRest(_b, ["data", "columns", "rowsTable", "checkboxSelection", "width", "height", "maxHeight", "density", "agrupacion", "groupingColDef", "getTreeDataPath"]);
+var SCDataGrid = ({ data, columns, rowsTable, checkboxSelection, width, maxHeight, density, groupingColDef, getTreeDataPath }) => {
   const apiRef = (0, import_x_data_grid_pro.useGridApiRef)();
-  const classes = useStyles();
   import_x_license_pro.LicenseInfo.setLicenseKey(
     "77d49a57fbc5f4af35ddb05c5f1742e0Tz0xMTI3MjgsRT0xNzc4MzcxMTk5MDAwLFM9cHJvLExNPXN1YnNjcmlwdGlvbixQVj1RMy0yMDI0LEtWPTI="
   );
   let validationTreeData = getTreeDataPath ? true : false;
-  let paginalion = 10;
-  let valor = 80;
-  let alto = 345;
-  let estilot = "compact";
-  let tamanoEncabezado = density == "compact" ? 24 : density == "standard" ? 36 : density == "comfortable" ? 52 : 24;
-  let tamanoCelda = density == "compact" ? 22 : density == "standard" ? 28 : density == "comfortable" ? 48 : 22;
-  let dataConvert = [];
+  let validationCheckboxSelection = checkboxSelection || false;
+  let styleDensity = density || "compact";
+  let styleTopContainerHeight = styleDensity === "compact" ? "26px" : styleDensity === "standard" ? "38px" : styleDensity === "comfortable" ? "60px" : "27px";
+  let styleRowHeight = density == "compact" ? 32 : density == "standard" ? 28 : density == "comfortable" ? 36 : 32;
+  let rows = rowsTable ? rowsTable : validationTreeData != false ? parseInt(data.length) : data.length < 10 ? parseInt(data.length) : 10;
+  let validationGroupingColDef = groupingColDef || {};
   const [groupDataLenght, setGroupDataLengh] = (0, import_react18.useState)(0);
-  checkboxSelection = checkboxSelection || false;
-  const rows = rowsTable ? rowsTable : validationTreeData != false ? parseInt(data.length) : data.length < 10 ? parseInt(data.length) : 10;
-  width = width || "100%";
-  density = density || "compact";
-  agrupacion = agrupacion || false;
-  groupingColDef = groupingColDef || {};
-  getTreeDataPath = getTreeDataPath || void 0;
   const [pageSize, setPageSize] = (0, import_react18.useState)(rows);
   const [arrayRows, setArrayRows] = (0, import_react18.useState)([]);
-  const [heightTable, setHeightTable] = (0, import_react18.useState)(height || 0);
   (0, import_react18.useEffect)(() => {
     if ((data == null ? void 0 : data.length) > 0) {
       dataConvertRows(data, void 0);
-      if (validationTreeData) {
-        countGroupedElements(data, getTreeDataPath);
-      }
     }
   }, [data]);
-  (0, import_react18.useEffect)(() => {
-    if (groupDataLenght > 0 && validationTreeData == true) {
-      setHeightTable(heightTable ? heightTable : groupDataLenght * tamanoCelda + tamanoEncabezado + 27);
-    } else if (groupDataLenght <= 0 && validationTreeData == false) {
-      setHeightTable(heightTable ? heightTable : rows * tamanoCelda + tamanoEncabezado + 27);
-    }
-  }, [groupDataLenght]);
   const dataConvertRows = (data2, columnId) => {
-    let dataConvert2 = [];
+    let dataConvert = [];
     if ((data2 == null ? void 0 : data2.length) > 0) {
       const dataKeys = Object.keys(data2[0]);
       data2.map((item) => {
         const newKeys = {};
         let i = 0;
-        let id = dataConvert2.length + 1;
+        let id = dataConvert.length + 1;
         for (i = 0; i < dataKeys.length; i++) {
           newKeys[dataKeys[i]] = item[dataKeys[i]];
         }
         newKeys.id = columnId ? item[columnId] : id;
-        dataConvert2 = [...dataConvert2, newKeys];
+        dataConvert = [...dataConvert, newKeys];
       });
     }
-    setArrayRows(dataConvert2);
+    setArrayRows(dataConvert);
   };
   const isRowSelectable = (params) => params.row.bloqueoChecked == false ? false : true;
   const [selectionModel, setSelectionModel] = (0, import_react18.useState)([]);
@@ -1797,41 +1745,27 @@ var SCDataGrid = (_a) => {
       setSelectionModel([...newSelection]);
     }
   };
-  const countGroupedElements = (row, getTreeDataPath2) => {
-    const groupedCounts = {};
-    data.forEach((row2) => {
-      const path = getTreeDataPath2(row2) || [];
-      const key = path[0];
-      if (!groupedCounts[key]) {
-        groupedCounts[key] = 0;
-      }
-      groupedCounts[key]++;
-    });
-    setGroupDataLengh(Object.keys(groupedCounts).length);
-    return groupedCounts;
-  };
-  const virtualScrollerHeight = validationTreeData ? groupDataLenght * tamanoCelda + 10 : rows * tamanoCelda;
-  return /* @__PURE__ */ import_react18.default.createElement(import_react18.default.Fragment, null, heightTable > 0 ? /* @__PURE__ */ import_react18.default.createElement(import_react18.default.Fragment, null, /* @__PURE__ */ import_react18.default.createElement("div", { style: { display: "flex", flexDirection: "column", width, maxHeight } }, /* @__PURE__ */ import_react18.default.createElement(
+  return /* @__PURE__ */ import_react18.default.createElement(import_react18.default.Fragment, null, data && /* @__PURE__ */ import_react18.default.createElement(import_react18.default.Fragment, null, /* @__PURE__ */ import_react18.default.createElement("div", { style: { width: width || "100%", maxHeight } }, /* @__PURE__ */ import_react18.default.createElement(
     import_x_data_grid_pro.DataGridPro,
-    __spreadProps(__spreadValues({
-      apiRef
-    }, props), {
+    {
+      apiRef,
+      rowHeight: styleRowHeight,
       rows: arrayRows,
       columns,
-      density,
+      density: styleDensity,
       treeData: validationTreeData,
       getTreeDataPath,
-      groupingColDef: validationTreeData == true ? groupingColDef : false,
+      groupingColDef: validationTreeData == true ? validationGroupingColDef : false,
       pagination: true,
       initialState: {
         pagination: { paginationModel: { pageSize: rows } }
       },
-      checkboxSelection,
+      checkboxSelection: validationCheckboxSelection,
       rowSelectionModel: selectionModel,
       onRowSelectionModelChange: (newSelection) => handleSelectionChange(newSelection),
       isRowSelectable,
       disableRowSelectionOnClick: true,
-      className: classes.root,
+      hideFooter: validationTreeData == true ? true : false,
       localeText: {
         noRowsLabel: "No hay filas",
         columnMenuLabel: "Men\xFA de columna",
@@ -1842,9 +1776,36 @@ var SCDataGrid = (_a) => {
           labelRowsPerPage: "Filas por p\xE1gina:",
           labelDisplayedRows: ({ from, to, count }) => `${from}\u2013${to} de ${count !== -1 ? count : `m\xE1s de ${to}`}`
         }
+      },
+      sx: {
+        "& .MuiDataGrid-filler": {
+          display: "none !important"
+        },
+        "& .MuiDataGrid-footerContainer": {
+          minHeight: "26px !important",
+          height: "26px !important"
+        },
+        "& .MuiTablePagination-toolbar": {
+          minHeight: "25px !important",
+          height: "25px !important"
+        },
+        "& .MuiTablePagination-actions .MuiIconButton-root": {
+          padding: "0px !important"
+        },
+        "&.MuiDataGrid-root": {
+          [`--DataGrid-topContainerHeight`]: `${styleTopContainerHeight} !important`
+        },
+        "MuiDataGrid-root .MuiDataGrid-virtualScrollerContent .MuiDataGrid-row": {
+          "--height": "0px !important",
+          "minHeight": "0px !important",
+          "maxHeight": "0px !important"
+        },
+        "& .MuiDataGrid-cell": {
+          padding: "0 !important"
+        }
       }
-    })
-  ))) : "");
+    }
+  ))));
 };
 
 // src/Components/SCAutocomplete.tsx
@@ -2065,7 +2026,7 @@ function SCAutocomplete({
 }
 
 // src/Theme/index.ts
-var import_styles3 = require("@mui/material/styles");
+var import_styles2 = require("@mui/material/styles");
 
 // src/Theme/components.ts
 var import_react20 = __toESM(require("react"), 1);
@@ -3710,7 +3671,7 @@ var import_Typography = require("@mui/material/Typography");
 var import_Radio = require("@mui/material/Radio");
 var import_Chip = require("@mui/material/Chip");
 var import_Checkbox = require("@mui/material/Checkbox");
-var import_styles2 = require("@mui/material/styles");
+var import_styles = require("@mui/material/styles");
 
 // src/Theme/typography.ts
 var typography = {
@@ -3881,9 +3842,9 @@ var ADCTheme = __spreadValues({
 }, BasicTheme);
 
 // src/Theme/index.ts
-var SincoTheme = (0, import_styles3.createTheme)(__spreadValues({}, ERPTheme));
-var AdproSincoTheme = (0, import_styles3.createTheme)(__spreadValues({}, ADPROTheme));
-var ADCSincoTheme = (0, import_styles3.createTheme)(__spreadValues({}, ADCTheme));
+var SincoTheme = (0, import_styles2.createTheme)(__spreadValues({}, ERPTheme));
+var AdproSincoTheme = (0, import_styles2.createTheme)(__spreadValues({}, ADPROTheme));
+var ADCSincoTheme = (0, import_styles2.createTheme)(__spreadValues({}, ADCTheme));
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   ADCSincoTheme,

package/dist/index.d.cts

@@ -354,16 +354,12 @@ interface SCDataGridProps {
     rowsTable?: number;
     checkboxSelection?: boolean;
     width?: string | number;
-    height?: number;
-    maxHeight?: number;
+    maxHeight: number;
     density?: "compact" | "standard" | "comfortable";
-    agrupacion?: boolean;
-    columnsGrouping?: number;
     groupingColDef?: any;
     getTreeDataPath?: (row: any) => string[] | [];
-    otherProps?: any;
 }
-declare const SCDataGrid: ({ data, columns, rowsTable, checkboxSelection, width, height, maxHeight, density, agrupacion, groupingColDef, getTreeDataPath, ...props }: SCDataGridProps) => React__default.JSX.Element;
+declare const SCDataGrid: ({ data, columns, rowsTable, checkboxSelection, width, maxHeight, density, groupingColDef, getTreeDataPath, }: SCDataGridProps) => React__default.JSX.Element;
 
 interface SCAutocompleteProps<T> {
     label?: string;

package/dist/index.d.mts

@@ -0,0 +1,392 @@
+import * as React$1 from 'react';
+import React__default, { ComponentType } 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 * as _mui_material_styles from '@mui/material/styles';
+
+type ReplyPalette$1 = "primary" | "secondary" | "warning" | "info" | "success" | "error";
+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';
+    title?: string;
+    iconTitle?: keyof typeof Muicon;
+    infoTitle?: {
+        text?: string;
+        component?: "tooltip" | "popover";
+    };
+    label?: string;
+    placeholder?: string;
+    infoElement?: {
+        text?: string;
+        component?: "tooltip" | "popover";
+    };
+    iconInputStart?: string;
+    iconInputEnd?: string;
+    maxLength?: number;
+    component?: React.ReactNode;
+    variant?: ReplyVariants;
+    format?: 'int' | 'text' | 'password' | 'decimal';
+    disabled?: boolean;
+    required?: boolean;
+    size?: 'small' | 'medium';
+    width?: string;
+    rows?: number;
+    color?: ReplyPalette$1;
+    background?: string;
+    state?: any | React.Dispatch<React.SetStateAction<string>>;
+    value?: string;
+    onChange?: () => {};
+    onBlur?: () => {};
+    onKeyDown?: () => {};
+}
+interface DrawerProps {
+    title?: string;
+    arrayElements?: ArrayElement[];
+    actions?: {
+        text: string;
+        fn: () => void;
+        disabled?: boolean;
+    }[];
+    buttonDrawer?: {
+        icon?: keyof typeof Muicon;
+        text?: string;
+        color?: ReplyPalette$1;
+        variant?: 'text' | 'outlined' | 'contained';
+        iconPosition?: 'left' | 'right' | undefined;
+    };
+    colorTitle?: ReplyTextPalette | ReplyPalette$1 | string;
+    anchor?: "left" | "right";
+    width?: string;
+    open?: boolean;
+}
+
+type ToastType = 'success' | 'error' | 'warning' | 'info';
+interface ToastBaseProperties {
+    type?: ToastType;
+    title: string;
+    subtitle?: string;
+    time?: number;
+    listITems?: string[];
+    seeMore?: boolean;
+    actions?: {
+        text: string;
+        fn: () => void;
+        disabled?: boolean;
+    }[];
+}
+
+declare const SCToastNotification: (toast: ToastBaseProperties) => React__default.JSX.Element;
+
+declare const useProgress: (timeProgress: number, lote?: number) => {
+    progress: number;
+};
+declare const ToastProgress: (timeProgress: number) => {
+    progressToast: number;
+};
+
+declare const SCDrawer: ({ title, arrayElements, actions, buttonDrawer, colorTitle, anchor, width, open, }: DrawerProps) => React__default.JSX.Element;
+
+interface MultiSelectProps<T> {
+    textButton?: string;
+    button?: {
+        icon?: string;
+        text?: string;
+        color?: ReplyPalette$1;
+        variant?: RepplyButtonVariants;
+        iconPosition?: 'left' | 'right';
+        size?: "small" | "medium" | "large";
+    };
+    topPanel?: React.ReactNode;
+    dense?: boolean;
+    open: boolean;
+    selectAll?: boolean;
+    items: T[];
+    getItemLabel: (item: T) => string;
+    actions?: {
+        text: string;
+        fn: () => void;
+        disabled?: boolean;
+    }[];
+}
+
+declare function useMultiSelectHandlers<T>(): {
+    anchorEl: HTMLButtonElement | null;
+    open: boolean;
+    selectedItems: T[];
+    filterValue: string;
+    setSelectedItems: React$1.Dispatch<React$1.SetStateAction<T[]>>;
+    handleOpen: (e: React.MouseEvent<HTMLButtonElement>) => void;
+    handleClose: () => void;
+    handleFilterChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
+    handleCheckboxToggle: (item: T) => void;
+    setOpen: React$1.Dispatch<React$1.SetStateAction<boolean>>;
+};
+
+declare function getIconMultiSelect(name: string): _mui_material_OverridableComponent.OverridableComponent<_mui_material.SvgIconTypeMap<{}, "svg">> & {
+    muiName: string;
+};
+
+declare function useFilteredItems<T>(items: T[], filterValue: string, getItemLabel: (item: T) => string, selectedItems: T[]): {
+    filteredItems: T[];
+    sortedItems: T[];
+};
+
+declare function SCMultiSelect<T>({ textButton, button, items, topPanel, actions, dense, open, selectAll, getItemLabel }: MultiSelectProps<T>): React__default.JSX.Element;
+
+interface SCTextAreaProps {
+    title?: string;
+    iconTitle?: keyof typeof Muicon;
+    infoTitle?: {
+        text?: string;
+        component?: "tooltip" | "popover";
+    };
+    colorTitle?: ReplyTextPalette;
+    placeholder?: string;
+    label?: string;
+    width?: string;
+    required?: boolean;
+    background?: string;
+    variant?: ReplyVariants;
+    disabled?: boolean;
+    rows?: number;
+    maxLength?: number;
+    value: string;
+    state: 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;
+
+interface SCTextFieldProps {
+    title?: string;
+    iconTitle?: string;
+    infoTitle?: {
+        text?: string;
+        component?: "tooltip" | "popover";
+    };
+    label?: string;
+    placeholder?: string;
+    color?: ReplyPalette$1;
+    width?: string;
+    background?: string;
+    format?: 'int' | 'text' | 'password' | 'decimal';
+    iconInputStart?: string;
+    iconInputEnd?: string;
+    infoElement?: {
+        text?: string;
+        component?: "tooltip" | "popover";
+    };
+    size?: "small" | "medium";
+    variant?: "outlined" | "filled" | "standard";
+    value: string;
+    maxLength?: number;
+    disabled?: boolean;
+    required?: boolean;
+    state: React.Dispatch<React.SetStateAction<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;
+
+type ReplyPalette = "primary" | "secondary" | "warning" | "info" | "success" | "error" | "inherit";
+
+interface SCDialogProps {
+    title?: string;
+    iconTitle?: React__default.ReactNode | React__default.ReactElement | keyof typeof Muicon;
+    subtitle?: string;
+    content?: any;
+    actions?: {
+        text: string;
+        fn: () => void;
+        disabled?: boolean;
+    }[];
+    buttonDialog?: {
+        icon?: string;
+        text?: string;
+        color?: ReplyPalette;
+        tooltip?: string;
+        variant?: 'text' | 'outlined' | 'contained';
+        iconPosition?: 'left' | 'right' | undefined;
+    };
+    disableClose?: boolean;
+    dividers?: boolean;
+    widthContent?: 'extra-small' | 'small' | 'medium' | 'large' | 'extra-large';
+    heightContent?: string;
+    background?: string;
+    setShow?: React__default.Dispatch<React__default.SetStateAction<boolean>>;
+    show?: boolean | any;
+}
+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;
+    iconRight?: any | React__default.ReactNode | React__default.ReactElement | React__default.ElementType | null;
+    divider?: boolean;
+    page: React__default.ReactNode | React__default.ReactElement;
+}
+interface SCMenuProps {
+    header?: any;
+    options: Option$1[];
+    defaultOption?: string;
+    disable?: boolean;
+    widthMenu?: string;
+    heightMenu?: string;
+    widthPage?: string;
+}
+declare const SCMenu: ({ header, options, defaultOption, disable, widthMenu, heightMenu, widthPage }: SCMenuProps) => React__default.JSX.Element;
+
+/***************************************************************************/
+
+interface Option {
+    name?: string;
+    iconOrBadge: string | number | null | undefined | any | React__default.ReactNode | React__default.ReactElement | React__default.ElementType;
+    disabled?: boolean;
+    page: React__default.ReactNode | React__default.ReactElement;
+}
+interface SCTabsProps {
+    options: Option[];
+    defaultOption?: string;
+    typeIcon?: "badge" | "icon";
+    background?: string;
+    iconPosition?: "top" | "bottom" | "start" | "end";
+    colorTab?: "secondary" | "primary";
+    orientation?: "horizontal" | "vertical";
+    variant?: "standard" | "fullWidth" | "scrollable";
+    scrollButtons?: boolean;
+    children?: any;
+}
+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 };

package/dist/index.d.ts

@@ -354,16 +354,12 @@ interface SCDataGridProps {
     rowsTable?: number;
     checkboxSelection?: boolean;
     width?: string | number;
-    height?: number;
-    maxHeight?: number;
+    maxHeight: number;
     density?: "compact" | "standard" | "comfortable";
-    agrupacion?: boolean;
-    columnsGrouping?: number;
     groupingColDef?: any;
     getTreeDataPath?: (row: any) => string[] | [];
-    otherProps?: any;
 }
-declare const SCDataGrid: ({ data, columns, rowsTable, checkboxSelection, width, height, maxHeight, density, agrupacion, groupingColDef, getTreeDataPath, ...props }: SCDataGridProps) => React__default.JSX.Element;
+declare const SCDataGrid: ({ data, columns, rowsTable, checkboxSelection, width, maxHeight, density, groupingColDef, getTreeDataPath, }: SCDataGridProps) => React__default.JSX.Element;
 
 interface SCAutocompleteProps<T> {
     label?: string;