componentes-sinco 1.0.34-rc.2 → 1.0.35

package/dist/index.d.cts

@@ -556,7 +556,7 @@ declare const CALENDAR_CONSTANTS: {
     readonly GRID_TEMPLATE: "repeat(7, minmax(150px, 1fr))";
     readonly DAY_HEIGHT: 60;
     readonly SIDEBAR_WIDTH: 47;
-    readonly MIN_CELL_HEIGHT: 90;
+    readonly MIN_CELL_HEIGHT: 99;
     readonly DEFAULT_START_HOUR: 0;
     readonly DEFAULT_END_HOUR: 23;
     readonly DRAWER_WIDTH: "350px";

package/dist/index.d.ts

@@ -556,7 +556,7 @@ declare const CALENDAR_CONSTANTS: {
     readonly GRID_TEMPLATE: "repeat(7, minmax(150px, 1fr))";
     readonly DAY_HEIGHT: 60;
     readonly SIDEBAR_WIDTH: 47;
-    readonly MIN_CELL_HEIGHT: 90;
+    readonly MIN_CELL_HEIGHT: 99;
     readonly DEFAULT_START_HOUR: 0;
     readonly DEFAULT_END_HOUR: 23;
     readonly DRAWER_WIDTH: "350px";

package/dist/index.js

@@ -2758,6 +2758,7 @@ function SCDataGridInitial({ data, columns, groupColumns, rowsTable, checkboxSel
   const groupingColDefs = {
     field: "grouping",
     headerName: groupColumns ? groupColumns(data[0]).headerNameFirstColumn : "Agrupador",
+    flex: 1,
     renderCell: (params) => {
       var _a, _b;
       let label = params.value.toString().includes("/") ? params.value.split("/")[0].toString() : params.value.toString();
@@ -2950,13 +2951,24 @@ function SCDataGridInitial({ data, columns, groupColumns, rowsTable, checkboxSel
       setSelectionModel([...newSelection]);
     }
   };
+  const processedColumns = columns.map((col) => {
+    if (col.width !== void 0) {
+      return col;
+    }
+    if (col.flex !== void 0) {
+      return col;
+    }
+    return __spreadProps(__spreadValues({}, col), {
+      flex: 1
+    });
+  });
   return /* @__PURE__ */ React21.createElement(React21.Fragment, null, data && /* @__PURE__ */ React21.createElement(React21.Fragment, null, /* @__PURE__ */ React21.createElement("div", { style: { width: width || "100%", maxHeight: maxHeight ? `${maxHeight}px` : "none" } }, /* @__PURE__ */ React21.createElement(
     DataGridPro,
     {
       apiRef,
       rowHeight: styleRowHeight,
       rows: arrayRows,
-      columns,
+      columns: processedColumns,
       density: styleDensity,
       treeData: validationTreeData,
       getTreeDataPath: validationTreeData == true ? getTreeDataPaths : void 0,
@@ -2965,12 +2977,14 @@ function SCDataGridInitial({ data, columns, groupColumns, rowsTable, checkboxSel
       initialState: {
         pagination: { paginationModel: { pageSize: rows } }
       },
+      scrollbarSize: 0,
       checkboxSelection: validationCheckboxSelection,
       rowSelectionModel: selectionModel,
       onRowSelectionModelChange: (newSelection) => handleSelectionChange(newSelection),
       isRowSelectable,
       disableRowSelectionOnClick: true,
       hideFooter: validationTreeData == true ? true : false,
+      disableColumnResize: false,
       localeText: {
         noRowsLabel: "No hay filas",
         columnMenuLabel: "Men\xFA de columna",
@@ -3010,7 +3024,18 @@ function SCDataGridInitial({ data, columns, groupColumns, rowsTable, checkboxSel
           padding: "0 !important",
           background: "white"
         },
-        // Ocultar scrollbars personalizados de MUI completamente
+        // Ocultar celdas vacías completamente
+        "& .MuiDataGrid-cellEmpty": {
+          display: "none !important",
+          width: "0 !important",
+          minWidth: "0 !important",
+          maxWidth: "0 !important"
+        },
+        // Forzar que las columnas ocupen todo el ancho
+        "& .MuiDataGrid-row": {
+          maxWidth: "100% !important"
+        },
+        // Ocultar scrollbars personalizados de MUI completamente en todos los estados
         "& .MuiDataGrid-scrollbar": {
           display: "none !important",
           visibility: "hidden !important",
@@ -3023,7 +3048,22 @@ function SCDataGridInitial({ data, columns, groupColumns, rowsTable, checkboxSel
           width: "0 !important",
           opacity: "0 !important"
         },
-        // Scrollbar filler y content siempre transparentes
+        "& .MuiDataGrid-scrollbar--horizontal": {
+          display: "none !important",
+          visibility: "hidden !important",
+          height: "0 !important",
+          opacity: "0 !important"
+        },
+        "& .MuiDataGrid-scrollbar.MuiDataGrid-scrollbar--scrollable": {
+          display: "none !important",
+          visibility: "hidden !important"
+        },
+        // Prevenir aparición de scrollbar en hover sobre row
+        "& .MuiDataGrid-row:hover ~ .MuiDataGrid-scrollbar": {
+          display: "none !important",
+          visibility: "hidden !important"
+        },
+        // Scrollbar filler y content siempre ocultos
         "& .MuiDataGrid-scrollbarFiller": {
           backgroundColor: "transparent !important",
           display: "none !important"
@@ -3051,6 +3091,15 @@ function SCDataGridInitial({ data, columns, groupColumns, rowsTable, checkboxSel
           "&::-webkit-scrollbar-thumb:hover": {
             background: "#555"
           }
+        },
+        // Prevenir que aparezca scrollbar en hover
+        "&:hover .MuiDataGrid-scrollbar": {
+          display: "none !important",
+          visibility: "hidden !important"
+        },
+        "&:hover .MuiDataGrid-scrollbar--vertical": {
+          display: "none !important",
+          visibility: "hidden !important"
         }
       }
     }
@@ -3900,7 +3949,7 @@ var CALENDAR_CONSTANTS = {
   GRID_TEMPLATE: "repeat(7, minmax(150px, 1fr))",
   DAY_HEIGHT: 60,
   SIDEBAR_WIDTH: 47,
-  MIN_CELL_HEIGHT: 90,
+  MIN_CELL_HEIGHT: 99,
   DEFAULT_START_HOUR: 0,
   DEFAULT_END_HOUR: 23,
   DRAWER_WIDTH: "350px",