componentes-sinco 1.0.33 → 1.0.34-rc.2

package/dist/index.cjs

@@ -2064,7 +2064,6 @@ var SCDateRange = ({
   const isStartEmpty = required && !state[0];
   const isEndEmpty = required && !state[1];
   const hasError = isStartEmpty || isEndEmpty;
-  const minDate = new Date(2013, 0, 1);
   const [notification, setNotification] = import_react16.default.useState(false);
   const handleDateChange = (newValue) => {
     const minDateDayjs = (0, import_dayjs.default)("2013-01-01");
@@ -2084,7 +2083,30 @@ var SCDateRange = ({
         return;
       }
     }
-    setState(convertedValue);
+    const startDateChanged = convertedValue[0] && state[0] && !convertedValue[0].isSame(state[0], "day");
+    const hasEndDate = convertedValue[1] !== null;
+    if (startDateChanged && convertedValue[0]) {
+      if (!hasEndDate || hasEndDate && convertedValue[0].isAfter(convertedValue[1])) {
+        const correctedValue = [
+          convertedValue[0],
+          convertedValue[0]
+          // Establecer fecha final igual a la inicial
+        ];
+        setState(correctedValue);
+        return;
+      }
+    }
+    const isInvalidRange = convertedValue[0] && convertedValue[1] && convertedValue[0].isAfter(convertedValue[1]);
+    if (isInvalidRange) {
+      const correctedValue = [
+        convertedValue[0],
+        convertedValue[0]
+        // Establecer fecha final igual a la inicial
+      ];
+      setState(correctedValue);
+    } else {
+      setState(convertedValue);
+    }
   };
   return /* @__PURE__ */ import_react16.default.createElement(import_react16.default.Fragment, null, /* @__PURE__ */ import_react16.default.createElement(import_LocalizationProvider.LocalizationProvider, { dateAdapter: import_AdapterDayjs.AdapterDayjs, adapterLocale: "es" }, /* @__PURE__ */ import_react16.default.createElement(import_material10.Box, { sx: { width: "100%" } }, /* @__PURE__ */ import_react16.default.createElement(
     import_DateRangePicker.DateRangePicker,
@@ -2096,44 +2118,38 @@ var SCDateRange = ({
         field: import_MultiInputDateRangeField.MultiInputDateRangeField
       },
       slotProps: {
-        field: {
-          slotProps: {
-            textField: ({ position }) => ({
-              label: position === "start" ? labelDateInitial : labelDateFinal,
-              size: "small",
-              variant: "outlined",
-              required,
-              error: position === "start" ? isStartEmpty : isEndEmpty,
-              InputProps: {
-                endAdornment: /* @__PURE__ */ import_react16.default.createElement(import_material10.InputAdornment, { position: "end" }, /* @__PURE__ */ import_react16.default.createElement(
-                  import_Event.default,
-                  {
-                    color: hasError ? "error" : "action",
-                    fontSize: "small"
-                  }
-                ))
+        textField: ({ position }) => {
+          const isStart = position === "start";
+          return {
+            label: isStart ? labelDateInitial : labelDateFinal,
+            size: "small",
+            variant: "outlined",
+            required,
+            error: isStart ? isStartEmpty : isEndEmpty,
+            InputProps: {
+              endAdornment: /* @__PURE__ */ import_react16.default.createElement(import_material10.InputAdornment, { position: "end" }, /* @__PURE__ */ import_react16.default.createElement(
+                import_Event.default,
+                {
+                  color: hasError ? "error" : "action",
+                  fontSize: "small"
+                }
+              ))
+            },
+            sx: {
+              flex: 1,
+              "& .MuiOutlinedInput-root": {
+                backgroundColor: background === "transparent" ? "transparent" : background
               },
-              sx: {
-                mr: position === "start" ? 1 : 0,
-                "& .MuiOutlinedInput-root": {
-                  backgroundColor: background === "transparent" ? "transparent" : background
-                },
-                "& .MuiInputLabel-asterisk": {
-                  color: "error.main"
-                },
-                background: background != null ? background : "transparent"
-              }
-            })
-          }
+              "& .MuiInputLabel-asterisk": {
+                color: "error.main"
+              },
+              background: background != null ? background : "transparent"
+            }
+          };
         }
-      },
-      sx: {
-        display: "flex",
-        gap: 1,
-        width: "100%"
       }
     }
-  ))), notification && /* @__PURE__ */ import_react16.default.createElement(SCToastNotification, { title: "El Formato de la fecha no es v\xE1lido", type: "error" }));
+  ))));
 };
 
 // src/Components/Drawer/components/DrawerContent.tsx
@@ -2342,6 +2358,7 @@ function SCDrawer({
   setOpen,
   chipFilters
 }) {
+  const drawerBleeding = 56;
   const { drawerOpen, handleDrawerClose, toggleDrawer } = useDrawerState({ open, setOpen });
   const { toast, setToastWithDelay } = useToast();
   const {
@@ -2404,12 +2421,12 @@ function SCDrawer({
         onToggle: toggleDrawer(true)
       }
     )
-  ), /* @__PURE__ */ import_react20.default.createElement(
+  ), anchor != "bottom" ? /* @__PURE__ */ import_react20.default.createElement(
     import_material14.Drawer,
     {
       open: drawerOpen,
       onClose: toggleDrawer(false),
-      anchor,
+      anchor: anchor != null ? anchor : "left",
       sx: {
         "& .MuiDrawer-paper": {
           width: width != null ? width : "450px",
@@ -2426,6 +2443,45 @@ function SCDrawer({
         onClose: handleDrawerClose
       }
     ), /* @__PURE__ */ import_react20.default.createElement(DrawerContent, { arrayElements }), /* @__PURE__ */ import_react20.default.createElement(DrawerActions, { actions: drawerActions, anchor }))
+  ) : /* @__PURE__ */ import_react20.default.createElement(
+    import_material14.SwipeableDrawer,
+    {
+      open: drawerOpen,
+      onClose: toggleDrawer(false),
+      onOpen: toggleDrawer(true),
+      anchor: "bottom",
+      swipeAreaWidth: drawerBleeding,
+      sx: {
+        "& .MuiDrawer-paper": {
+          width: "auto",
+          height: `calc(50% - ${drawerBleeding}px)`,
+          boxSizing: "border-box",
+          borderRadius: "4px 4px 0px 0px"
+        }
+      }
+    },
+    /* @__PURE__ */ import_react20.default.createElement(
+      import_material14.Box,
+      {
+        sx: {
+          width: 30,
+          height: 6,
+          backgroundColor: "#ccc",
+          borderRadius: 3,
+          position: "absolute",
+          top: 8,
+          left: "calc(50% - 15px)"
+        }
+      }
+    ),
+    /* @__PURE__ */ import_react20.default.createElement(import_material14.Stack, { flexDirection: "column", height: "100%" }, /* @__PURE__ */ import_react20.default.createElement(
+      DrawerHeader,
+      {
+        title,
+        colorTitle,
+        onClose: handleDrawerClose
+      }
+    ), /* @__PURE__ */ import_react20.default.createElement(DrawerContent, { arrayElements }), /* @__PURE__ */ import_react20.default.createElement(DrawerActions, { actions: drawerActions, anchor }))
   ));
 }
 
@@ -3030,6 +3086,48 @@ function SCDataGridInitial({ data, columns, groupColumns, rowsTable, checkboxSel
         "& .MuiDataGrid-cell": {
           padding: "0 !important",
           background: "white"
+        },
+        // Ocultar scrollbars personalizados de MUI completamente
+        "& .MuiDataGrid-scrollbar": {
+          display: "none !important",
+          visibility: "hidden !important",
+          width: "0 !important",
+          opacity: "0 !important"
+        },
+        "& .MuiDataGrid-scrollbar--vertical": {
+          display: "none !important",
+          visibility: "hidden !important",
+          width: "0 !important",
+          opacity: "0 !important"
+        },
+        // Scrollbar filler y content siempre transparentes
+        "& .MuiDataGrid-scrollbarFiller": {
+          backgroundColor: "transparent !important",
+          display: "none !important"
+        },
+        "& .MuiDataGrid-scrollbarContent": {
+          backgroundColor: "transparent !important",
+          display: "none !important"
+        },
+        // Scrollbar nativo visible solo cuando hay overflow
+        "& .MuiDataGrid-virtualScroller": {
+          overflowY: "auto !important",
+          scrollbarWidth: "thin",
+          scrollbarColor: "#888 transparent",
+          "&::-webkit-scrollbar": {
+            width: "8px",
+            height: "8px"
+          },
+          "&::-webkit-scrollbar-track": {
+            background: "transparent"
+          },
+          "&::-webkit-scrollbar-thumb": {
+            background: "#888",
+            borderRadius: "4px"
+          },
+          "&::-webkit-scrollbar-thumb:hover": {
+            background: "#555"
+          }
         }
       }
     }
@@ -4412,13 +4510,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");