componentes-sinco 1.0.33 → 1.0.34-rc.0

package/dist/index.cjs

@@ -2759,6 +2759,20 @@ function SCDataGridInitial({ data, columns, groupColumns, rowsTable, checkboxSel
   import_x_license2.LicenseInfo.setLicenseKey(
     "77d49a57fbc5f4af35ddb05c5f1742e0Tz0xMTI3MjgsRT0xNzc4MzcxMTk5MDAwLFM9cHJvLExNPXN1YnNjcmlwdGlvbixQVj1RMy0yMDI0LEtWPTI="
   );
+  const columnsWidthConfig = import_react27.default.useMemo(() => {
+    var _a, _b;
+    if (!columns || columns.length === 0) return columns;
+    const cols = [...columns];
+    const lastIndex = cols.length - 1;
+    if (!cols[lastIndex].flex) {
+      cols[lastIndex] = __spreadProps(__spreadValues({}, cols[lastIndex]), {
+        flex: 1,
+        minWidth: (_b = (_a = cols[lastIndex].minWidth) != null ? _a : cols[lastIndex].width) != null ? _b : 120
+      });
+      delete cols[lastIndex].width;
+    }
+    return cols;
+  }, [columns]);
   const theme = (0, import_styles.useTheme)();
   const apiRef = (0, import_x_data_grid_pro.useGridApiRef)();
   const isRowSelectable = (params) => params.row.bloqueoChecked == false ? false : true;
@@ -2848,7 +2862,7 @@ function SCDataGridInitial({ data, columns, groupColumns, rowsTable, checkboxSel
             overflow: "hidden",
             textOverflow: "ellipsis",
             whiteSpace: "nowrap",
-            color: "#101840DE",
+            color: "text.primary",
             display: "flex",
             alignItems: "center",
             paddingLeft: params.rowNode.depth == 0 ? "5px" : params.rowNode.depth == 1 ? "15px" : "25px",
@@ -2977,7 +2991,7 @@ function SCDataGridInitial({ data, columns, groupColumns, rowsTable, checkboxSel
       apiRef,
       rowHeight: styleRowHeight,
       rows: arrayRows,
-      columns,
+      columns: columnsWidthConfig,
       density: styleDensity,
       treeData: validationTreeData,
       getTreeDataPath: validationTreeData == true ? getTreeDataPaths : void 0,
@@ -3022,7 +3036,7 @@ function SCDataGridInitial({ data, columns, groupColumns, rowsTable, checkboxSel
         "&.MuiDataGrid-root": {
           [`--DataGrid-topContainerHeight`]: `${styleTopContainerHeight} !important`
         },
-        "MuiDataGrid-root .MuiDataGrid-virtualScrollerContent .MuiDataGrid-row": {
+        "& .MuiDataGrid-root .MuiDataGrid-virtualScrollerContent .MuiDataGrid-row": {
           "--height": "0px !important",
           "minHeight": "0px !important",
           "maxHeight": "0px !important"
@@ -3030,6 +3044,23 @@ function SCDataGridInitial({ data, columns, groupColumns, rowsTable, checkboxSel
         "& .MuiDataGrid-cell": {
           padding: "0 !important",
           background: "white"
+        },
+        "& .MuiDataGrid-cell .MuiDataGrid-cellEmpty": {
+          display: "none",
+          width: "0px"
+        },
+        "& .MuiDataGrid-virtualScroller": {
+          overflowY: "auto !important",
+          "&::-webkit-scrollbar": {
+            width: "0px"
+          },
+          "&:hover::-webkit-scrollbar": {
+            width: "8px"
+          },
+          "&::-webkit-scrollbar-thumb": {
+            backgroundColor: "rgba(0,0,0,.2)",
+            borderRadius: "4px"
+          }
         }
       }
     }
@@ -4412,13 +4443,14 @@ var SCTime = ({
   background = "transparent",
   timeStep = 5,
   state,
-  setState
+  setState,
+  error
 }) => {
   import_x_license3.LicenseInfo.setLicenseKey(
     "77d49a57fbc5f4af35ddb05c5f1742e0Tz0xMTI3MjgsRT0xNzc4MzcxMTk5MDAwLFM9cHJvLExNPXN1YnNjcmlwdGlvbixQVj1RMy0yMDI0LEtWPTI="
   );
   const isTimeEmpty = required && !state;
-  const hasError = isTimeEmpty;
+  const hasError = isTimeEmpty || error;
   const [anchorEl, setAnchorEl] = (0, import_react48.useState)(null);
   const [isOpenPopover, setIsOpenPopover] = (0, import_react48.useState)(false);
   const [popoverPlacement, setPopoverPlacement] = (0, import_react48.useState)("bottom");