componentes-sinco 1.1.13 → 1.1.15

package/dist/index.d.cts

@@ -332,9 +332,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

@@ -332,9 +332,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

@@ -2804,7 +2804,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 +2955,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 +3034,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 +3069,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 +3199,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 +3466,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 +4601,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 +4618,7 @@ var SCTime = ({
     if (!disabled) {
       const target = event2.currentTarget;
       setAnchorEl(target);
+      setPopoverWidth(target.offsetWidth);
       detectPlacement(target);
       setIsOpenPopover(true);
     }
@@ -4676,7 +4699,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 +4806,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 +4817,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 +4833,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 +4860,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 +4899,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 +4916,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) {
@@ -5307,7 +5278,7 @@ var AttachmentMobile = ({
       screenshotFormat: "image/jpeg",
       videoConstraints: {
         //facingMode: { exact: "environment" }
-        facingMode: "user"
+        facingMode: "environment"
         //facingMode: "environment" // cámara trasera
       },
       style: {
@@ -5462,7 +5433,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 +5489,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 +5504,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 +5543,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 +5557,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: {