componentes-sinco 1.0.32 → 1.0.34-rc.0

package/dist/index.d.cts

@@ -4,6 +4,7 @@ import * as _mui_material from '@mui/material';
 import { SxProps } from '@mui/material';
 import * as Muicon from '@mui/icons-material';
 import * as _mui_material_OverridableComponent from '@mui/material/OverridableComponent';
+import { GridColDef } from '@mui/x-data-grid-pro';
 import dayjs, { Dayjs } from 'dayjs';
 import * as _mui_material_styles from '@mui/material/styles';
 
@@ -320,7 +321,7 @@ declare const SCCalendarSwipeable: ({ background, setState, state, }: SCCalendar
 
 interface SCDataGridInitialProps<T> {
     data: T[];
-    columns: any;
+    columns: GridColDef[];
     rowsTable?: number;
     checkboxSelection?: boolean;
     width?: string | number;
@@ -601,8 +602,9 @@ interface SCTimeProps {
     timeStep?: number;
     state: Dayjs | null;
     setState: (value: Dayjs | null) => void;
+    error: boolean;
 }
-declare const SCTime: ({ label, required, disabled, background, timeStep, state, setState, }: SCTimeProps) => React__default.JSX.Element;
+declare const SCTime: ({ label, required, disabled, background, timeStep, state, setState, error }: SCTimeProps) => React__default.JSX.Element;
 
 interface SCCardProps {
     title?: string;

package/dist/index.d.ts

@@ -4,6 +4,7 @@ import * as _mui_material from '@mui/material';
 import { SxProps } from '@mui/material';
 import * as Muicon from '@mui/icons-material';
 import * as _mui_material_OverridableComponent from '@mui/material/OverridableComponent';
+import { GridColDef } from '@mui/x-data-grid-pro';
 import dayjs, { Dayjs } from 'dayjs';
 import * as _mui_material_styles from '@mui/material/styles';
 
@@ -320,7 +321,7 @@ declare const SCCalendarSwipeable: ({ background, setState, state, }: SCCalendar
 
 interface SCDataGridInitialProps<T> {
     data: T[];
-    columns: any;
+    columns: GridColDef[];
     rowsTable?: number;
     checkboxSelection?: boolean;
     width?: string | number;
@@ -601,8 +602,9 @@ interface SCTimeProps {
     timeStep?: number;
     state: Dayjs | null;
     setState: (value: Dayjs | null) => void;
+    error: boolean;
 }
-declare const SCTime: ({ label, required, disabled, background, timeStep, state, setState, }: SCTimeProps) => React__default.JSX.Element;
+declare const SCTime: ({ label, required, disabled, background, timeStep, state, setState, error }: SCTimeProps) => React__default.JSX.Element;
 
 interface SCCardProps {
     title?: string;

package/dist/index.js

@@ -2682,6 +2682,20 @@ function SCDataGridInitial({ data, columns, groupColumns, rowsTable, checkboxSel
   LicenseInfo2.setLicenseKey(
     "77d49a57fbc5f4af35ddb05c5f1742e0Tz0xMTI3MjgsRT0xNzc4MzcxMTk5MDAwLFM9cHJvLExNPXN1YnNjcmlwdGlvbixQVj1RMy0yMDI0LEtWPTI="
   );
+  const columnsWidthConfig = React21.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 = useTheme();
   const apiRef = useGridApiRef();
   const isRowSelectable = (params) => params.row.bloqueoChecked == false ? false : true;
@@ -2771,7 +2785,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",
@@ -2900,7 +2914,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,
@@ -2945,7 +2959,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"
@@ -2953,6 +2967,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"
+          }
         }
       }
     }
@@ -4335,13 +4366,14 @@ var SCTime = ({
   background = "transparent",
   timeStep = 5,
   state,
-  setState
+  setState,
+  error
 }) => {
   LicenseInfo3.setLicenseKey(
     "77d49a57fbc5f4af35ddb05c5f1742e0Tz0xMTI3MjgsRT0xNzc4MzcxMTk5MDAwLFM9cHJvLExNPXN1YnNjcmlwdGlvbixQVj1RMy0yMDI0LEtWPTI="
   );
   const isTimeEmpty = required && !state;
-  const hasError = isTimeEmpty;
+  const hasError = isTimeEmpty || error;
   const [anchorEl, setAnchorEl] = useState20(null);
   const [isOpenPopover, setIsOpenPopover] = useState20(false);
   const [popoverPlacement, setPopoverPlacement] = useState20("bottom");