componentes-sinco 1.1.13 → 1.1.15-rc.2

package/dist/index.d.cts

@@ -109,6 +109,7 @@ interface DrawerProps<T> {
     setOpen?: any;
     chipFilters?: any[];
     heightDrawer?: number;
+    filterSideCard?: any;
 }
 
 type ToastType = 'success' | 'error' | 'warning' | 'info';
@@ -135,7 +136,7 @@ declare const ToastProgress: (timeProgress: number) => {
     progressToast: number;
 };
 
-declare function SCDrawer<T>({ title, arrayElements, actions, buttonDrawer, colorTitle, anchor, width, open, setOpen, chipFilters, heightDrawer, }: DrawerProps<T>): React__default.JSX.Element;
+declare function SCDrawer<T>({ title, arrayElements, actions, buttonDrawer, colorTitle, anchor, width, open, setOpen, chipFilters, heightDrawer, filterSideCard, }: DrawerProps<T>): React__default.JSX.Element;
 
 interface FooterActionsProperties {
     label?: React.ReactNode;
@@ -332,9 +333,10 @@ interface SCDataGridInitialProps<T> {
     checkboxSelection?: boolean;
     width?: string | number;
     maxHeight?: number;
-    density?: "compact" | "standard" | "comfortable";
+    disableColumnMenu?: boolean;
+    disableColumnSorting?: boolean;
 }
-declare function SCDataGridInitial<T>({ data, columns, getRowId, groupColumns, rowsTable, checkboxSelection, width, maxHeight, density }: SCDataGridInitialProps<T>): React__default.JSX.Element;
+declare function SCDataGridInitial<T>({ data, columns, getRowId, groupColumns, rowsTable, checkboxSelection, width, maxHeight, disableColumnMenu, disableColumnSorting }: SCDataGridInitialProps<T>): React__default.JSX.Element;
 declare const SCDataGrid: React__default.MemoExoticComponent<typeof SCDataGridInitial>;
 
 interface SCAutocompleteProps<T> {

package/dist/index.d.ts

@@ -109,6 +109,7 @@ interface DrawerProps<T> {
     setOpen?: any;
     chipFilters?: any[];
     heightDrawer?: number;
+    filterSideCard?: any;
 }
 
 type ToastType = 'success' | 'error' | 'warning' | 'info';
@@ -135,7 +136,7 @@ declare const ToastProgress: (timeProgress: number) => {
     progressToast: number;
 };
 
-declare function SCDrawer<T>({ title, arrayElements, actions, buttonDrawer, colorTitle, anchor, width, open, setOpen, chipFilters, heightDrawer, }: DrawerProps<T>): React__default.JSX.Element;
+declare function SCDrawer<T>({ title, arrayElements, actions, buttonDrawer, colorTitle, anchor, width, open, setOpen, chipFilters, heightDrawer, filterSideCard, }: DrawerProps<T>): React__default.JSX.Element;
 
 interface FooterActionsProperties {
     label?: React.ReactNode;
@@ -332,9 +333,10 @@ interface SCDataGridInitialProps<T> {
     checkboxSelection?: boolean;
     width?: string | number;
     maxHeight?: number;
-    density?: "compact" | "standard" | "comfortable";
+    disableColumnMenu?: boolean;
+    disableColumnSorting?: boolean;
 }
-declare function SCDataGridInitial<T>({ data, columns, getRowId, groupColumns, rowsTable, checkboxSelection, width, maxHeight, density }: SCDataGridInitialProps<T>): React__default.JSX.Element;
+declare function SCDataGridInitial<T>({ data, columns, getRowId, groupColumns, rowsTable, checkboxSelection, width, maxHeight, disableColumnMenu, disableColumnSorting }: SCDataGridInitialProps<T>): React__default.JSX.Element;
 declare const SCDataGrid: React__default.MemoExoticComponent<typeof SCDataGridInitial>;
 
 interface SCAutocompleteProps<T> {

package/dist/index.js

@@ -2257,7 +2257,8 @@ var DrawerHeader = ({
   title,
   colorTitle,
   onClose,
-  anchor
+  anchor,
+  filterSideCard
 }) => {
   return /* @__PURE__ */ React15.createElement(
     Grid5,
@@ -2275,7 +2276,7 @@ var DrawerHeader = ({
       }
     },
     /* @__PURE__ */ React15.createElement(Typography8, { variant: "h6", color: colorTitle || "text.primary" }, title != null ? title : "Personaliza tu b\xFAsqueda"),
-    /* @__PURE__ */ React15.createElement(IconButton8, { onClick: onClose }, /* @__PURE__ */ React15.createElement(CloseIcon, { "data-testid": "test-button-close", sx: { color: "text.primary" } }))
+    filterSideCard ? /* @__PURE__ */ React15.createElement(React15.Fragment, null, filterSideCard) : /* @__PURE__ */ React15.createElement(IconButton8, { onClick: onClose }, /* @__PURE__ */ React15.createElement(CloseIcon, { "data-testid": "test-button-close", sx: { color: "text.primary" } }))
   );
 };
 
@@ -2291,7 +2292,8 @@ function SCDrawer({
   open,
   setOpen,
   chipFilters,
-  heightDrawer = 456
+  heightDrawer = 456,
+  filterSideCard
 }) {
   const drawerBleeding = heightDrawer;
   const { drawerOpen, handleDrawerClose, toggleDrawer } = useDrawerState({ open, setOpen });
@@ -2360,7 +2362,7 @@ function SCDrawer({
     Drawer,
     {
       open: drawerOpen,
-      onClose: toggleDrawer(false),
+      onClose: filterSideCard ? void 0 : toggleDrawer(false),
       anchor: anchor != null ? anchor : "left",
       sx: {
         "& .MuiDrawer-paper": {
@@ -2375,7 +2377,9 @@ function SCDrawer({
       {
         title,
         colorTitle,
-        onClose: handleDrawerClose
+        onClose: handleDrawerClose,
+        anchor,
+        filterSideCard
       }
     ), /* @__PURE__ */ React16.createElement(DrawerContent, { arrayElements }), /* @__PURE__ */ React16.createElement(DrawerActions, { actions: drawerActions, anchor }))
   ) : /* @__PURE__ */ React16.createElement(
@@ -2804,7 +2808,7 @@ import { LicenseInfo as LicenseInfo2 } from "@mui/x-license";
 import KeyboardArrowDownIcon from "@mui/icons-material/KeyboardArrowDown";
 import KeyboardArrowUpIcon from "@mui/icons-material/KeyboardArrowUp";
 import { useTheme } from "@mui/material/styles";
-function SCDataGridInitial({ data, columns, getRowId, groupColumns, rowsTable, checkboxSelection, width, maxHeight, density }) {
+function SCDataGridInitial({ data, columns, getRowId, groupColumns, rowsTable, checkboxSelection, width, maxHeight, disableColumnMenu, disableColumnSorting }) {
   LicenseInfo2.setLicenseKey(
     "77d49a57fbc5f4af35ddb05c5f1742e0Tz0xMTI3MjgsRT0xNzc4MzcxMTk5MDAwLFM9cHJvLExNPXN1YnNjcmlwdGlvbixQVj1RMy0yMDI0LEtWPTI="
   );
@@ -2955,11 +2959,12 @@ function SCDataGridInitial({ data, columns, getRowId, groupColumns, rowsTable, c
       }
     }
   };
+  let densityC = "compact";
   let validationTreeData = groupColumns ? true : false;
   let validationCheckboxSelection = checkboxSelection || false;
-  let styleDensity = density || "compact";
+  let styleDensity = densityC || "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 styleRowHeight = densityC == "compact" ? 32 : densityC == "standard" ? 28 : densityC == "comfortable" ? 36 : 32;
   let rows = rowsTable ? rowsTable : validationTreeData != false ? parseInt(data.length.toString()) : data.length < 10 ? parseInt(data.length.toString()) : 10;
   let validationGroupingColDef = groupingColDefs || {};
   const [groupDataLenght, setGroupDataLengh] = useState13(0);
@@ -3033,6 +3038,24 @@ function SCDataGridInitial({ data, columns, getRowId, groupColumns, rowsTable, c
       flex: 1
     });
   });
+  const columnVisibilityModel = {};
+  processedColumns.forEach((col) => {
+    if (col.hide === true) {
+      columnVisibilityModel[col.field] = false;
+    }
+  });
+  console.log("columnVisibilityModel:", columnVisibilityModel);
+  const initialState = {
+    pagination: { paginationModel: { pageSize: rows } }
+  };
+  if (Object.keys(columnVisibilityModel).length > 0) {
+    initialState.columns = { columnVisibilityModel };
+  }
+  useEffect13(() => {
+    if (apiRef.current && Object.keys(columnVisibilityModel).length > 0) {
+      apiRef.current.setColumnVisibilityModel(columnVisibilityModel);
+    }
+  }, [columnVisibilityModel, apiRef]);
   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,
     {
@@ -3050,6 +3073,8 @@ function SCDataGridInitial({ data, columns, getRowId, groupColumns, rowsTable, c
         pagination: { paginationModel: { pageSize: rows } }
       },
       scrollbarSize: 0,
+      disableColumnMenu: disableColumnMenu ? disableColumnMenu : false,
+      disableColumnSorting: disableColumnSorting ? disableColumnSorting : false,
       checkboxSelection: validationCheckboxSelection,
       rowSelectionModel: selectionModel,
       onRowSelectionModelChange: (newSelection) => handleSelectionChange(newSelection),
@@ -3178,7 +3203,7 @@ function SCDataGridInitial({ data, columns, getRowId, groupColumns, rowsTable, c
   ))));
 }
 var SCDataGrid = React21.memo(SCDataGridInitial, (prevProps, nextProps) => {
-  const isEqual = prevProps.rowsTable === nextProps.rowsTable && prevProps.checkboxSelection === nextProps.checkboxSelection && prevProps.width === nextProps.width && prevProps.maxHeight === nextProps.maxHeight && prevProps.density === nextProps.density;
+  const isEqual = prevProps.rowsTable === nextProps.rowsTable && prevProps.checkboxSelection === nextProps.checkboxSelection && prevProps.width === nextProps.width && prevProps.maxHeight === nextProps.maxHeight;
   return isEqual;
 });
 
@@ -3445,7 +3470,7 @@ var SCDialog = ({ title, iconTitle, subtitle, content, actions, buttonDialog, di
       );
     })) : /* @__PURE__ */ React27.createElement(Box14, { sx: { width: "100%", display: "flex", flexDirection: "row", justifyContent: "center" } }, /* @__PURE__ */ React27.createElement(ToggleButtonGroup, { size: "large", fullWidth: true }, dialogActions.map((boton, index) => {
       var _a;
-      return /* @__PURE__ */ React27.createElement(ToggleButton, { disabled: boton.disabled || false, fullWidth: boton.text ? true : false, size: "medium", value: "text", onClick: boton.fn }, (_a = boton.text) != null ? _a : /* @__PURE__ */ React27.createElement(SvgIcon5, { fontSize: "small", component: boton.icon }));
+      return /* @__PURE__ */ React27.createElement(ToggleButton, { sx: { color: "primary.main" }, disabled: boton.disabled || false, fullWidth: boton.text ? true : false, size: "medium", value: "text", onClick: boton.fn }, (_a = boton.text) != null ? _a : /* @__PURE__ */ React27.createElement(SvgIcon5, { fontSize: "small", component: boton.icon }));
     })))) : "" : ""
   )));
 };
@@ -4580,6 +4605,7 @@ var SCTime = ({
   const [anchorEl, setAnchorEl] = useState21(null);
   const [isOpenPopover, setIsOpenPopover] = useState21(false);
   const [popoverPlacement, setPopoverPlacement] = useState21("bottom");
+  const [popoverWidth, setPopoverWidth] = useState21(void 0);
   const detectPlacement = (element) => {
     const rect = element.getBoundingClientRect();
     const windowHeight = window.innerHeight;
@@ -4596,6 +4622,7 @@ var SCTime = ({
     if (!disabled) {
       const target = event2.currentTarget;
       setAnchorEl(target);
+      setPopoverWidth(target.offsetWidth);
       detectPlacement(target);
       setIsOpenPopover(true);
     }
@@ -4676,7 +4703,8 @@ var SCTime = ({
             border: "1px solid #e0e0e0",
             maxHeight: "300px",
             overflow: "visible",
-            width: width ? `calc(${width}% - 15px)` : "97%"
+            width: popoverWidth ? `${popoverWidth}px` : "100%",
+            maxWidth: "none"
           }
         }
       }
@@ -4782,7 +4810,7 @@ var SCCard = ({ width, title, image, iconTitle, actionsTitle, subtitle, content,
 
 // src/Components/SCActivityCalendar.tsx
 import React42, { useState as useState23 } from "react";
-import { Typography as Typography25, IconButton as IconButton15, Box as Box27, Badge as Badge2, Menu as Menu3, MenuItem as MenuItem8, ListItemIcon as ListItemIcon6, Popover as Popover7 } from "@mui/material";
+import { Typography as Typography25, IconButton as IconButton15, Box as Box27, Badge as Badge2 } from "@mui/material";
 import Grid11 from "@mui/material/Grid";
 import { AdapterDateFns as AdapterDateFns2 } from "@mui/x-date-pickers/AdapterDateFns";
 import { LocalizationProvider as LocalizationProvider4 } from "@mui/x-date-pickers/LocalizationProvider";
@@ -4793,11 +4821,6 @@ import KeyboardDoubleArrowDownIcon2 from "@mui/icons-material/KeyboardDoubleArro
 import KeyboardDoubleArrowUpIcon2 from "@mui/icons-material/KeyboardDoubleArrowUp";
 import ArrowForwardIcon from "@mui/icons-material/ArrowForward";
 import LightModeOutlinedIcon from "@mui/icons-material/LightModeOutlined";
-import FilterListIcon from "@mui/icons-material/FilterList";
-import CalendarMonthOutlinedIcon from "@mui/icons-material/CalendarMonthOutlined";
-import CheckCircleOutlineOutlinedIcon from "@mui/icons-material/CheckCircleOutlineOutlined";
-import EventBusyOutlinedIcon from "@mui/icons-material/EventBusyOutlined";
-import PendingOutlinedIcon from "@mui/icons-material/PendingOutlined";
 var SCActivityCalendar = ({
   //informativas
   //apariencia
@@ -4814,9 +4837,6 @@ var SCActivityCalendar = ({
   const [fechaSeleccionada, setFechaSeleccionada] = useState23();
   const [stateVal, setstateVal] = React42.useState(/* @__PURE__ */ new Date());
   const [openCalendar, setOpenCalendar] = React42.useState(false);
-  const [anchorPopoverFiltro, setAnchorPopoverFiltro] = useState23(null);
-  const [datosEventos, setDatosEventos] = React42.useState(events);
-  const openPopoverFiltro = Boolean(anchorPopoverFiltro);
   const hoy = /* @__PURE__ */ new Date();
   const inicioSemana = startOfWeek2(fecha, { weekStartsOn: 0 });
   const diasSemana = Array.from({ length: 7 }, (_, i) => addDays2(inicioSemana, i));
@@ -4844,22 +4864,6 @@ var SCActivityCalendar = ({
       // 0 = domingo, 1 = lunes
     })
   });
-  const handleClickPopoverFiltro = (event2) => {
-    setAnchorPopoverFiltro(event2.currentTarget);
-  };
-  const handleClosePopoverFiltro = () => {
-    setAnchorPopoverFiltro(null);
-  };
-  const filtrarActividad = (event2, filtro) => {
-    if (filtro === "Todo") {
-      setDatosEventos(events);
-    } else {
-      const resultado = events.filter(
-        (item) => item.state === filtro
-      );
-      setDatosEventos(resultado);
-    }
-  };
   return /* @__PURE__ */ React42.createElement(React42.Fragment, null, /* @__PURE__ */ React42.createElement(LocalizationProvider4, { dateAdapter: AdapterDateFns2, adapterLocale: locale }, openCalendar == false ? /* @__PURE__ */ React42.createElement(Box27, { "data-testid": "calendar-mobile", sx: { width: "100%", background: background ? background : "white", display: "flex", flexDirection: "column", alignItems: "center" } }, /* @__PURE__ */ React42.createElement(Box27, { sx: { width: "100%", padding: "0px", background: "transparent" } }, /* @__PURE__ */ React42.createElement(Grid11, { container: true, gap: 0.5, sx: { justifyContent: "space-between", padding: "12px 16px", background: "transparent" } }, diasSemana.map((dia) => /* @__PURE__ */ React42.createElement(Grid11, { sx: { width: "36px" }, key: dia.toString() }, /* @__PURE__ */ React42.createElement(Box27, { sx: { width: "36px", height: "40px", display: "flex", alignItems: "center", justifyContent: "center" } }, /* @__PURE__ */ React42.createElement(Typography25, { sx: { fontSize: "12px !important", color: "#10184099" } }, format2(dia, "EEEE", { locale: es2 }).charAt(0).toUpperCase())), /* @__PURE__ */ React42.createElement(
     Box27,
     {
@@ -4899,36 +4903,7 @@ var SCActivityCalendar = ({
       },
       onChange: (newValue) => setFecha(newValue)
     }
-  ), /* @__PURE__ */ React42.createElement(Grid11, { container: true, justifyContent: "center" }, /* @__PURE__ */ React42.createElement(IconButton15, { "data-testid": "close-calendar-button", onClick: toggleCalendar(false) }, /* @__PURE__ */ React42.createElement(KeyboardDoubleArrowUpIcon2, { color: "action" }))))), /* @__PURE__ */ React42.createElement(IconButton15, { onClick: handleClickPopoverFiltro, sx: { position: "fixed", right: "calc(100% - 96%)", top: openCalendar == false ? "220px" : "380px" } }, /* @__PURE__ */ React42.createElement(FilterListIcon, { color: "action" })), /* @__PURE__ */ React42.createElement(
-    Popover7,
-    {
-      open: openPopoverFiltro,
-      anchorEl: anchorPopoverFiltro,
-      onClose: handleClosePopoverFiltro,
-      anchorOrigin: {
-        vertical: "bottom",
-        horizontal: "right"
-      }
-    },
-    /* @__PURE__ */ React42.createElement(
-      Menu3,
-      {
-        id: "basic-menu",
-        anchorEl: anchorPopoverFiltro,
-        open: openPopoverFiltro,
-        onClose: handleClosePopoverFiltro,
-        slotProps: {
-          list: {
-            "aria-labelledby": "basic-button"
-          }
-        }
-      },
-      /* @__PURE__ */ React42.createElement(MenuItem8, { onClick: (event2) => filtrarActividad(event2, "Todo") }, /* @__PURE__ */ React42.createElement(ListItemIcon6, null, /* @__PURE__ */ React42.createElement(CalendarMonthOutlinedIcon, { fontSize: "small" })), /* @__PURE__ */ React42.createElement(Typography25, { variant: "inherit" }, "Ver todo")),
-      /* @__PURE__ */ React42.createElement(MenuItem8, { onClick: (event2) => filtrarActividad(event2, "Finalizada") }, /* @__PURE__ */ React42.createElement(ListItemIcon6, null, /* @__PURE__ */ React42.createElement(CheckCircleOutlineOutlinedIcon, { fontSize: "small" })), /* @__PURE__ */ React42.createElement(Typography25, { variant: "inherit" }, "Ver finalizadas")),
-      /* @__PURE__ */ React42.createElement(MenuItem8, { onClick: (event2) => filtrarActividad(event2, "Aplazada") }, /* @__PURE__ */ React42.createElement(ListItemIcon6, null, /* @__PURE__ */ React42.createElement(EventBusyOutlinedIcon, { fontSize: "small" })), /* @__PURE__ */ React42.createElement(Typography25, { variant: "inherit" }, "Ver aplazadas")),
-      /* @__PURE__ */ React42.createElement(MenuItem8, { onClick: (event2) => filtrarActividad(event2, "En progreso") }, /* @__PURE__ */ React42.createElement(ListItemIcon6, null, /* @__PURE__ */ React42.createElement(PendingOutlinedIcon, { fontSize: "small" })), /* @__PURE__ */ React42.createElement(Typography25, { variant: "inherit" }, "Ver en progreso"))
-    )
-  ), /* @__PURE__ */ React42.createElement(Box27, { sx: { boxSizing: "border-box", padding: "0px 16px", width: "100%", height: openCalendar ? "calc(91% - 260px)" : "calc(91% - 100px)", background: "white", display: "flex", flexDirection: "column", overflowY: "auto", gap: "8px", scrollSnapType: "x mandatory", paddingBottom: "10px" } }, diasSemana.map((day, dayIndex) => /* @__PURE__ */ React42.createElement(
+  ), /* @__PURE__ */ React42.createElement(Grid11, { container: true, justifyContent: "center" }, /* @__PURE__ */ React42.createElement(IconButton15, { "data-testid": "close-calendar-button", onClick: toggleCalendar(false) }, /* @__PURE__ */ React42.createElement(KeyboardDoubleArrowUpIcon2, { color: "action" }))))), /* @__PURE__ */ React42.createElement(Box27, { sx: { boxSizing: "border-box", padding: "0px 16px", width: "100%", height: openCalendar ? "calc(91% - 260px)" : "calc(91% - 100px)", background: "white", display: "flex", flexDirection: "column", overflowY: "auto", gap: "8px", scrollSnapType: "x mandatory", paddingBottom: "10px" } }, diasSemana.map((day, dayIndex) => /* @__PURE__ */ React42.createElement(
     Box27,
     {
       key: dayIndex
@@ -4945,7 +4920,7 @@ var SCActivityCalendar = ({
       flexDirection: "column"
     } }, (() => {
       const esDomingo = day.getDay() === 0;
-      const eventosDelDia = datosEventos.filter(
+      const eventosDelDia = events.filter(
         (event2) => new Date(event2.date).toDateString() === day.toDateString()
       );
       if (eventosDelDia.length > 0) {
@@ -4958,7 +4933,7 @@ var SCActivityCalendar = ({
               subtitle: /* @__PURE__ */ React42.createElement(React42.Fragment, null, configRangeHour && new Date(event2.date.replace("00:00:00", event2.startTime)).getHours() === new Date(event2.date.replace("00:00:00", configRangeHour.split("-")[0])).getHours() && new Date(event2.date.replace("00:00:00", event2.finalTime)).getHours() === new Date(event2.date.replace("00:00:00", configRangeHour.split("-")[1])).getHours() && new Date(event2.date.replace("00:00:00", event2.startTime)).getMinutes() === new Date(event2.date.replace("00:00:00", configRangeHour.split("-")[0])).getMinutes() && new Date(event2.date.replace("00:00:00", event2.finalTime)).getMinutes() === new Date(event2.date.replace("00:00:00", configRangeHour.split("-")[1])).getMinutes() ? /* @__PURE__ */ React42.createElement(React42.Fragment, null, /* @__PURE__ */ React42.createElement(Typography25, null, "Todo el dia"), /* @__PURE__ */ React42.createElement(LightModeOutlinedIcon, { fontSize: "small" })) : /* @__PURE__ */ React42.createElement(React42.Fragment, null, /* @__PURE__ */ React42.createElement(Typography25, null, new Date(event2.date.replace("00:00:00", event2.startTime)).toLocaleTimeString([], { hour: "2-digit", minute: "2-digit", hour12: true })), /* @__PURE__ */ React42.createElement(ArrowForwardIcon, { fontSize: "small" }), /* @__PURE__ */ React42.createElement(Typography25, null, new Date(event2.date.replace("00:00:00", event2.finalTime)).toLocaleTimeString([], { hour: "2-digit", minute: "2-digit", hour12: true })))),
               iconLeftColor: event2.state === "Finalizada" ? "#C7E49D" : "action",
               iconLeft: event2.state === "Finalizada" ? "CheckCircle" : event2.state === "Aplazada" ? "EventBusyOutlined" : event2.state === "En progreso" ? "PendingOutlined" : "RadioButtonUnchecked",
-              description: /* @__PURE__ */ React42.createElement(React42.Fragment, null, event2.state === "Aplazada" || event2.state === "En progreso" || event2.state === "Auto asignada" ? /* @__PURE__ */ React42.createElement(React42.Fragment, null, /* @__PURE__ */ React42.createElement(Badge2, { variant: "dot", badgeContent: "", sx: { display: "flex", alignItems: "center", "& .MuiBadge-badge": { top: "50%", transform: "translateY(-50%)" }, color: "action" } }), /* @__PURE__ */ React42.createElement(Typography25, null, event2.state == "Auto asignada" ? "Adicional" : event2.state)) : null),
+              description: /* @__PURE__ */ React42.createElement(Grid11, { display: "flex", flexDirection: "column", alignItems: "flex-start" }, event2.state === "Aplazada" || event2.state === "En progreso" || event2.state === "Auto asignada" ? /* @__PURE__ */ React42.createElement(Grid11, { display: "flex", flexDirection: "row", alignItems: "center", gap: 0.5, sx: { marginLeft: "7px" } }, /* @__PURE__ */ React42.createElement(Badge2, { variant: "dot", badgeContent: "", sx: { display: "flex", alignItems: "center", "& .MuiBadge-badge": { top: "50%", transform: "translateY(-50%)" }, color: "action" } }), /* @__PURE__ */ React42.createElement(Typography25, null, event2.state == "Auto asignada" ? "Adicional" : event2.state)) : null, /* @__PURE__ */ React42.createElement(Typography25, { variant: "body2" }, event2.equipmentDescription)),
               divider: eventosDelDia.length === idx + 1 ? false : true,
               colorDisabled: event2.state === "Finalizada" || event2.state === "Aplazada" || event2.state === "En progreso" ? true : false,
               fn: fn ? () => fn(event2) : void 0
@@ -5307,7 +5282,7 @@ var AttachmentMobile = ({
       screenshotFormat: "image/jpeg",
       videoConstraints: {
         //facingMode: { exact: "environment" }
-        facingMode: "user"
+        facingMode: "environment"
         //facingMode: "environment" // cámara trasera
       },
       style: {
@@ -5462,7 +5437,7 @@ var SCSnackBar = ({
 
 // src/Components/SCAppBar.tsx
 import React46, { useState as useState26, useEffect as useEffect22 } from "react";
-import { Menu as Menu4, Box as Box29, Typography as Typography27, MenuItem as MenuItem9, IconButton as IconButton17, Badge as Badge3 } from "@mui/material";
+import { Menu as Menu3, Box as Box29, Typography as Typography27, MenuItem as MenuItem8, IconButton as IconButton17, Badge as Badge3 } from "@mui/material";
 import Grid12 from "@mui/material/Grid";
 import "dayjs/locale/es";
 import MenuIcon from "@mui/icons-material/Menu";
@@ -5518,7 +5493,7 @@ var SCAppBar = ({
       color: isOnline ? "success" : "error"
     }
   ), /* @__PURE__ */ React46.createElement(Typography27, { variant: "caption", color: "text.secondary" }, isOnline ? "Online" : "Offline")), visibleMenu && /* @__PURE__ */ React46.createElement(React46.Fragment, null, /* @__PURE__ */ React46.createElement(IconButton17, { size: "medium", onClick: handleMenuClick }, /* @__PURE__ */ React46.createElement(MenuIcon, { color: "action" })), /* @__PURE__ */ React46.createElement(
-    Menu4,
+    Menu3,
     {
       anchorEl,
       open: openMenu,
@@ -5533,7 +5508,7 @@ var SCAppBar = ({
       },
       sx: { zIndex: "2000" }
     },
-    options.map((option, index) => /* @__PURE__ */ React46.createElement(MenuItem9, { onClick: option.fn, disabled: option.disabled, key: index }, /* @__PURE__ */ React46.createElement(Typography27, { variant: "body2" }, option.name)))
+    options.map((option, index) => /* @__PURE__ */ React46.createElement(MenuItem8, { onClick: option.fn, disabled: option.disabled, key: index }, /* @__PURE__ */ React46.createElement(Typography27, { variant: "body2" }, option.name)))
   )))), /* @__PURE__ */ React46.createElement(Box29, { sx: { padding: "8px 16px 0px 16px" } }, contenidoExtra)));
 };
 
@@ -5572,7 +5547,6 @@ var SCDatePicker = ({ label, required, disabled, background, state, setState, wi
       maxDate: dayjs11().add(3, "month"),
       sx: {
         minWidth: 140,
-        padding: "13px 0px",
         width: width || "100%",
         "& .MuiPickersInputBase-sectionsContainer": {
           padding: "8px 0px"
@@ -5587,13 +5561,7 @@ var SCDatePicker = ({ label, required, disabled, background, state, setState, wi
         },
         textField: {
           required: required || false,
-          InputLabelProps: {
-            sx: {
-              "&.MuiInputLabel-shrink": {
-                transform: "translate(10px, 5px) scale(0.9) !important"
-              }
-            }
-          }
+          size: "small"
         }
       },
       slots: {