componentes-sinco 1.1.31 → 1.1.33

package/dist/index.d.cts

@@ -514,8 +514,9 @@ interface SCAutocompleteProps<T> {
     };
     inputChange?: (value: string) => void;
     maxCheck?: number;
+    width?: string;
 }
-declare function SCAutocomplete<T>({ label, data, columnGroup, getItemValue, typeFormat, checkMassive, deleteType, fnAplicar, required, disabled, background, setState, state, inputChange, maxCheck, }: SCAutocompleteProps<T>): React__default.JSX.Element;
+declare function SCAutocomplete<T>({ label, data, columnGroup, getItemValue, typeFormat, checkMassive, deleteType, fnAplicar, required, disabled, background, setState, state, inputChange, maxCheck, width, }: SCAutocompleteProps<T>): React__default.JSX.Element;
 
 interface SCCalendarSwipeableProps {
     background?: string;

package/dist/index.d.ts

@@ -514,8 +514,9 @@ interface SCAutocompleteProps<T> {
     };
     inputChange?: (value: string) => void;
     maxCheck?: number;
+    width?: string;
 }
-declare function SCAutocomplete<T>({ label, data, columnGroup, getItemValue, typeFormat, checkMassive, deleteType, fnAplicar, required, disabled, background, setState, state, inputChange, maxCheck, }: SCAutocompleteProps<T>): React__default.JSX.Element;
+declare function SCAutocomplete<T>({ label, data, columnGroup, getItemValue, typeFormat, checkMassive, deleteType, fnAplicar, required, disabled, background, setState, state, inputChange, maxCheck, width, }: SCAutocompleteProps<T>): React__default.JSX.Element;
 
 interface SCCalendarSwipeableProps {
     background?: string;

package/dist/index.js

@@ -1205,7 +1205,7 @@ var AttachmentMobile = ({
 };
 
 // src/Components/Calendario/Calendar.tsx
-import React31, { useEffect as useEffect12, useState as useState14 } from "react";
+import React31, { useEffect as useEffect11, useState as useState14 } from "react";
 import { Box as Box19, CircularProgress as CircularProgress5 } from "@mui/material";
 
 // src/Components/Calendario/CalendarToolbar.tsx
@@ -1449,58 +1449,75 @@ var validateInputs = (arrayElements, onError, onSuccess, setChipFilters, setText
 
 // src/Components/Drawer/Helpers/validateTypeElement.tsx
 import React9 from "react";
+var COMPONENT_NAME_MAP = {
+  SCtextField: "textField",
+  SCtextArea: "textArea",
+  SCDateRange: "dateRange",
+  SCDatePicker: "datePicker",
+  SCTime: "time",
+  SCAutocomplete: "autocomplete",
+  SCSelect: "select"
+};
+var getComponentName = (node) => {
+  const type = node.type;
+  return typeof type === "function" ? type.displayName || type.name || "" : "";
+};
+var isKnownComponent = (node) => {
+  var _a;
+  const name = getComponentName(node);
+  if (COMPONENT_NAME_MAP[name]) return true;
+  if (((_a = node.props) == null ? void 0 : _a.typeFormat) === "multiselect") return true;
+  return false;
+};
+var findInTree = (node) => {
+  var _a;
+  if (!React9.isValidElement(node)) return null;
+  if (isKnownComponent(node)) return node;
+  const children = (_a = node.props) == null ? void 0 : _a.children;
+  if (!children) return null;
+  for (const child of React9.Children.toArray(children)) {
+    if (React9.isValidElement(child)) {
+      const found = findInTree(child);
+      if (found) return found;
+    }
+  }
+  return null;
+};
+var resolveValidation = (node) => {
+  var _a;
+  const name = getComponentName(node);
+  if (((_a = node.props) == null ? void 0 : _a.typeFormat) === "multiselect") return "multiselect";
+  return COMPONENT_NAME_MAP[name] || "";
+};
 var validateTypeElements = (element) => {
   var _a;
   let validation = "";
   let typeElement = element;
-  if (element.type == "textField") {
-    validation = "textField";
-    typeElement = element;
-  } else if (React9.isValidElement(element == null ? void 0 : element.component) && element.component.type && element.component.type.name == "SCtextField") {
-    validation = "textField";
-    typeElement = element == null ? void 0 : element.component.props;
-  } else if (element.type == "textArea") {
-    validation = "textArea";
-    typeElement = element;
-  } else if (React9.isValidElement(element == null ? void 0 : element.component) && element.component.type && element.component.type.name == "SCtextArea") {
-    validation = "textArea";
-    typeElement = element == null ? void 0 : element.component.props;
-  } else if (element.type == "dateRange") {
-    validation = "dateRange";
-    typeElement = element;
-  } else if (React9.isValidElement(element == null ? void 0 : element.component) && element.component.type && element.component.type.name == "SCDateRange") {
-    validation = "dateRange";
-    typeElement = element == null ? void 0 : element.component.props;
-  } else if (element.type == "autocomplete") {
-    validation = "autocomplete";
+  if (element.type && COMPONENT_NAME_MAP[(_a = Object.keys(COMPONENT_NAME_MAP).find((k) => COMPONENT_NAME_MAP[k] === element.type)) != null ? _a : ""]) {
+    validation = element.type;
     typeElement = element;
-  } else if (React9.isValidElement(element == null ? void 0 : element.component) && element.component.type && element.component.type.name == "SCAutocomplete") {
-    validation = "autocomplete";
-    typeElement = element == null ? void 0 : element.component.props;
-  } else if (element.typeFormat == "multiselect") {
+  } else if (element.typeFormat === "multiselect") {
     validation = "multiselect";
     typeElement = element;
-  } else if (React9.isValidElement(element == null ? void 0 : element.component) && element.component.props && ((_a = element == null ? void 0 : element.component) == null ? void 0 : _a.props).typeFormat == "multiselect") {
-    validation = "multiselect";
-    typeElement = element == null ? void 0 : element.component.props;
-  } else if (element.type == "select") {
-    validation = "select";
-    typeElement = element;
-  } else if (React9.isValidElement(element == null ? void 0 : element.component) && element.component.type && element.component.type.name == "SCSelect") {
-    validation = "select";
-    typeElement = element == null ? void 0 : element.component.props;
+  } else if (React9.isValidElement(element == null ? void 0 : element.component) && isKnownComponent(element.component)) {
+    const node = element.component;
+    validation = resolveValidation(node);
+    typeElement = node.props;
+  } else if (React9.isValidElement(element == null ? void 0 : element.component)) {
+    const found = findInTree(element.component);
+    if (found) {
+      validation = resolveValidation(found);
+      typeElement = found.props;
+    }
   }
-  return {
-    validation,
-    element: typeElement
-  };
+  return { validation, element: typeElement };
 };
 
 // src/Components/Drawer/hooks/useDrawerState.ts
-import { useState as useState7, useEffect as useEffect6 } from "react";
+import { useState as useState7, useEffect as useEffect5 } from "react";
 var useDrawerState = ({ open, setOpen }) => {
   const [drawerOpen, setDrawerOpen] = useState7(open || false);
-  useEffect6(() => {
+  useEffect5(() => {
     if (open !== void 0) {
       setDrawerOpen(open);
     }
@@ -1529,11 +1546,11 @@ var useDrawerState = ({ open, setOpen }) => {
 };
 
 // src/Components/Drawer/hooks/useChipFilters.ts
-import { useState as useState8, useEffect as useEffect7 } from "react";
+import { useState as useState8, useEffect as useEffect6 } from "react";
 var useChipFilters = (arrayElements, chipFilters) => {
   const [stateChipFilters, setChipFilters] = useState8(false);
   const [textFilters, setTextFilters] = useState8([]);
-  useEffect7(() => {
+  useEffect6(() => {
     if (chipFilters == null ? void 0 : chipFilters.length) {
       setTextFilters([]);
       processChipFilters();
@@ -1558,11 +1575,11 @@ var useChipFilters = (arrayElements, chipFilters) => {
   const processManualFilters = () => {
     const newFiltersToAdd = [];
     arrayElements.forEach((element) => {
-      var _a, _b, _c, _d;
+      var _a, _b, _c, _d, _e, _f, _g, _h;
       const { validation, element: typeElement } = validateTypeElements(element);
       const textValue = ((_a = typeElement.state) == null ? void 0 : _a.textValue) !== void 0 ? String((_b = typeElement.state) == null ? void 0 : _b.textValue) : String(typeElement.state);
       if (textValue.trim() !== "" && textValue.trim() !== "," && textValue.trim() !== "undefined") {
-        const value = validation === "dateRange" ? `${(_c = typeElement.state[0]) == null ? void 0 : _c.format("DD/MM/YYYY")} - ${(_d = typeElement.state[1]) == null ? void 0 : _d.format("DD/MM/YYYY")}` : textValue;
+        const value = validation === "dateRange" ? `${(_c = typeElement.state[0]) == null ? void 0 : _c.format("DD/MM/YYYY")} - ${(_d = typeElement.state[1]) == null ? void 0 : _d.format("DD/MM/YYYY")}` : validation === "datePicker" ? (_f = (_e = typeElement.state) == null ? void 0 : _e.format("DD/MM/YYYY")) != null ? _f : "" : validation === "time" ? (_h = (_g = typeElement.state) == null ? void 0 : _g.format("HH:mm")) != null ? _h : "" : textValue;
         const existingFilterIndex = newFiltersToAdd.findIndex(
           (filter) => filter.arrayElement.label === element.label
         );
@@ -1590,20 +1607,26 @@ var useChipFilters = (arrayElements, chipFilters) => {
     });
   };
   const getCurrentValue = (validation, typeElement) => {
-    var _a, _b, _c, _d, _e;
+    var _a, _b, _c, _d, _e, _f, _g, _h, _i;
     if (validation === "dateRange") {
       if (((_a = typeElement.state) == null ? void 0 : _a[0]) && ((_b = typeElement.state) == null ? void 0 : _b[1])) {
         return `${(_c = typeElement.state[0]) == null ? void 0 : _c.format("DD/MM/YYYY")} - ${(_d = typeElement.state[1]) == null ? void 0 : _d.format("DD/MM/YYYY")}`;
       }
       return "";
     }
-    return ((_e = typeElement.state) == null ? void 0 : _e.textValue) !== void 0 ? String(typeElement.state.textValue).trim() : String(typeElement.state).trim();
+    if (validation === "datePicker") {
+      return ((_f = (_e = typeElement.state) == null ? void 0 : _e.isValid) == null ? void 0 : _f.call(_e)) ? typeElement.state.format("DD/MM/YYYY") : "";
+    }
+    if (validation === "time") {
+      return ((_h = (_g = typeElement.state) == null ? void 0 : _g.isValid) == null ? void 0 : _h.call(_g)) ? typeElement.state.format("HH:mm") : "";
+    }
+    return ((_i = typeElement.state) == null ? void 0 : _i.textValue) !== void 0 ? String(typeElement.state.textValue).trim() : String(typeElement.state).trim();
   };
   const updateFilter = (value, typeElement, label) => {
     setTextFilters((prevFilters) => {
       const newFilter = { value, arrayElement: typeElement };
       const existingFilterIndex = prevFilters.findIndex(
-        (filter) => filter.arrayElement.label === label
+        (filter) => label !== void 0 ? filter.arrayElement.label === label : filter.value === value
       );
       if (existingFilterIndex !== -1) {
         const updatedFilters = [...prevFilters];
@@ -1669,6 +1692,10 @@ var resetElementByType = (originalElement, validation, typeElement) => {
     case "dateRange":
       defaultValue = [null, null];
       break;
+    case "datePicker":
+    case "time":
+      defaultValue = null;
+      break;
     case "multiselect":
       defaultValue = { hiddenValue: [], textValue: [] };
       break;
@@ -1745,7 +1772,7 @@ var DrawerButton = ({
 };
 
 // src/Components/Drawer/components/ChipFiltersDisplay.tsx
-import React11, { useRef as useRef4 } from "react";
+import React11, { useRef as useRef3 } from "react";
 import { Box as Box7, IconButton as IconButton6, Chip as Chip3 } from "@mui/material";
 import ChevronLeftIcon from "@mui/icons-material/ChevronLeft";
 import ChevronRightIcon from "@mui/icons-material/ChevronRight";
@@ -1753,13 +1780,13 @@ var ChipFiltersDisplay = ({
   textFilters,
   onDeleteFilter
 }) => {
-  const scrollRef = useRef4(null);
+  const scrollRef = useRef3(null);
   const scroll = (offset) => {
     if (scrollRef.current) {
       scrollRef.current.scrollLeft += offset;
     }
   };
-  return /* @__PURE__ */ React11.createElement(Box7, { display: "flex", alignItems: "center", sx: { maxWidth: "78%" } }, /* @__PURE__ */ React11.createElement(IconButton6, { onClick: () => scroll(-150), size: "small" }, /* @__PURE__ */ React11.createElement(ChevronLeftIcon, { fontSize: "small", color: "action" })), /* @__PURE__ */ React11.createElement(
+  return /* @__PURE__ */ React11.createElement(React11.Fragment, null, (textFilters == null ? void 0 : textFilters.length) > 0 && /* @__PURE__ */ React11.createElement(Box7, { display: "flex", alignItems: "center", sx: { maxWidth: "78%" } }, /* @__PURE__ */ React11.createElement(IconButton6, { onClick: () => scroll(-150), size: "small" }, /* @__PURE__ */ React11.createElement(ChevronLeftIcon, { fontSize: "small", color: "action" })), /* @__PURE__ */ React11.createElement(
     Box7,
     {
       ref: scrollRef,
@@ -1786,7 +1813,7 @@ var ChipFiltersDisplay = ({
         }
       })
     ))
-  ), /* @__PURE__ */ React11.createElement(IconButton6, { onClick: () => scroll(150), size: "small" }, /* @__PURE__ */ React11.createElement(ChevronRightIcon, { fontSize: "small", color: "action" })));
+  ), /* @__PURE__ */ React11.createElement(IconButton6, { onClick: () => scroll(150), size: "small" }, /* @__PURE__ */ React11.createElement(ChevronRightIcon, { fontSize: "small", color: "action" }))));
 };
 
 // src/Components/Drawer/components/DrawerContent.tsx
@@ -1794,7 +1821,7 @@ import React17 from "react";
 import { Box as Box13, Stack as Stack8 } from "@mui/material";
 
 // src/Components/Textfield/SCTextField.tsx
-import React12, { useEffect as useEffect8, useState as useState10 } from "react";
+import React12, { useEffect as useEffect7, useState as useState10 } from "react";
 import { FormControl, IconButton as IconButton7, InputAdornment, InputLabel, OutlinedInput, FilledInput, Popover as Popover2, Input, Box as Box8, Typography as Typography7, SvgIcon as SvgIcon3, Tooltip as Tooltip4 } from "@mui/material";
 import Grid from "@mui/material/Grid";
 import { Visibility, VisibilityOff, InfoOutlined } from "@mui/icons-material";
@@ -1889,7 +1916,7 @@ var SCTextField = ({
   const openInfoTitle = Boolean(anchorInfoTitle);
   const [anchorInfoElement, setAnchorInfoElement] = useState10(null);
   const openInfoElement = Boolean(anchorInfoElement);
-  useEffect8(() => {
+  useEffect7(() => {
     if (error) {
       setTimeout(() => {
         setError(false);
@@ -2128,7 +2155,7 @@ function getIcon2(name) {
 }
 
 // src/Components/TextArea/SCTextArea.tsx
-import React13, { useEffect as useEffect9, useState as useState11 } from "react";
+import React13, { useEffect as useEffect8, useState as useState11 } from "react";
 import { Typography as Typography8, Stack as Stack7, TextField, Box as Box9, Popover as Popover3, Tooltip as Tooltip5, SvgIcon as SvgIcon4, Grid as Grid2 } from "@mui/material";
 import { InfoOutlined as InfoOutlined2 } from "@mui/icons-material";
 var SCTextArea = ({
@@ -2156,7 +2183,7 @@ var SCTextArea = ({
   const [stateError, setStateError] = useState11(false);
   const [anchorInfoTitle, setAnchorInfoTitle] = React13.useState(null);
   const openInfoTitle = Boolean(anchorInfoTitle);
-  useEffect9(() => {
+  useEffect8(() => {
     setHelperCount(state == null ? void 0 : state.length);
   }, [state]);
   const IconTitle = getIcon2(iconTitle);
@@ -2249,7 +2276,7 @@ var SCTextArea = ({
 };
 
 // src/Components/SCSelect.tsx
-import React14, { useEffect as useEffect10 } from "react";
+import React14, { useEffect as useEffect9 } from "react";
 import { InputLabel as InputLabel2, FormControl as FormControl2, MenuItem as MenuItem2, SvgIcon as SvgIcon5, ListItemIcon, ListItemText, Box as Box10 } from "@mui/material";
 import Select from "@mui/material/Select";
 import * as Muicon5 from "@mui/icons-material";
@@ -2269,14 +2296,14 @@ function SCSelect({
   const labelContent = `<span style="color: red;">* </span>` + label;
   const [prevData, setPrevData] = React14.useState(data);
   const [error, setError] = React14.useState(false);
-  useEffect10(() => {
+  useEffect9(() => {
     if (error) {
       setTimeout(() => {
         setError(false);
       }, 1e3);
     }
   }, [error]);
-  useEffect10(() => {
+  useEffect9(() => {
     let dataChangeValidation = JSON.stringify(prevData) === JSON.stringify(data);
     if (dataChangeValidation == false) {
       setState({ hiddenValue: "", textValue: "" });
@@ -2365,7 +2392,7 @@ function SCSelect({
 }
 
 // src/Components/SCAutocomplete.tsx
-import React15, { useEffect as useEffect11, useMemo as useMemo4 } from "react";
+import React15, { useEffect as useEffect10, useMemo as useMemo3 } from "react";
 import { Autocomplete, Checkbox, InputAdornment as InputAdornment3, MenuItem as MenuItem3, TextField as TextField3, Typography as Typography10, SvgIcon as SvgIcon6, ListItemIcon as ListItemIcon2, ListItemText as ListItemText2, Divider as Divider4, FormControlLabel as FormControlLabel2, IconButton as IconButton9, Chip as Chip4, Box as Box11, Button as Button7, Grid as Grid3 } from "@mui/material";
 import { Search, Clear } from "@mui/icons-material";
 import * as Muicon6 from "@mui/icons-material";
@@ -2402,7 +2429,8 @@ function SCAutocomplete({
   setState,
   state,
   inputChange,
-  maxCheck
+  maxCheck,
+  width = "100%"
 }) {
   const labelContent = `<span style="color: red;">* </span>` + label;
   let group = "";
@@ -2412,7 +2440,7 @@ function SCAutocomplete({
   const [originalData, setOriginalData] = React15.useState(data);
   const [inputValue, setInputValue] = React15.useState("");
   const [isUserTyping, setIsUserTyping] = React15.useState(false);
-  useEffect11(() => {
+  useEffect10(() => {
     const dataChangeValidation = JSON.stringify(prevData) === JSON.stringify(data);
     if (!dataChangeValidation && !isUserTyping) {
       setState({ hiddenValue: "-1", textValue: "" });
@@ -2423,7 +2451,7 @@ function SCAutocomplete({
     }
     setPrevData(data);
   }, [data, isUserTyping]);
-  useEffect11(() => {
+  useEffect10(() => {
     if (typeFormat == "multiselect") {
       if (state.hiddenValue != "-1" && Array.isArray(state.hiddenValue)) {
         const newSelectedOptions = originalData.filter(
@@ -2433,12 +2461,12 @@ function SCAutocomplete({
       }
     }
   }, [state.hiddenValue, originalData, typeFormat]);
-  useEffect11(() => {
+  useEffect10(() => {
     if (inputValue === "") {
       setIsUserTyping(false);
     }
   }, [inputValue]);
-  const normalizedData = useMemo4(() => {
+  const normalizedData = useMemo3(() => {
     return data.map((option) => {
       if ((option == null ? void 0 : option.icon) && option.icon.type === void 0) {
         return __spreadProps(__spreadValues({}, option), {
@@ -2494,13 +2522,26 @@ function SCAutocomplete({
   ) || null;
   const [open, setOpen] = React15.useState(false);
   const componentClickActiveRef = React15.useRef(false);
-  const hayOnComponentClickGlobal = useMemo4(() => {
+  const containerRef = React15.useRef(null);
+  const [chipLimit, setChipLimit] = React15.useState(2);
+  useEffect10(() => {
+    const el = containerRef.current;
+    if (!el) return;
+    const observer = new ResizeObserver((entries) => {
+      const width2 = entries[0].contentRect.width;
+      const limit = Math.max(1, Math.floor((width2 - 80) / 128));
+      setChipLimit(limit);
+    });
+    observer.observe(el);
+    return () => observer.disconnect();
+  }, []);
+  const hayOnComponentClickGlobal = useMemo3(() => {
     return data.some((opt) => {
       const item = getItemValue(opt);
       return Boolean(item.onComponentClick);
     });
   }, [data, getItemValue]);
-  return /* @__PURE__ */ React15.createElement(React15.Fragment, null, data && /* @__PURE__ */ React15.createElement(
+  return /* @__PURE__ */ React15.createElement(React15.Fragment, null, data && /* @__PURE__ */ React15.createElement(Box11, { ref: containerRef, sx: { width } }, /* @__PURE__ */ React15.createElement(
     Autocomplete,
     __spreadProps(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues({}, hayOnComponentClickGlobal ? { disableCloseOnSelect: true } : {}), hayOnComponentClickGlobal ? { blurOnSelect: false } : {}), hayOnComponentClickGlobal ? { open } : {}), hayOnComponentClickGlobal ? { onOpen: () => setOpen(true) } : {}), hayOnComponentClickGlobal ? {
       onClose: (event2, reason) => {
@@ -2530,9 +2571,9 @@ function SCAutocomplete({
         width: "100%",
         maxWidth: "100%"
       },
-      limitTags: 2,
+      limitTags: chipLimit,
       renderTags: (value, getTagProps) => {
-        const limit = 2;
+        const limit = chipLimit;
         return /* @__PURE__ */ React15.createElement(React15.Fragment, null, value.slice(0, limit).map((option, index) => {
           const _a = getTagProps({ index }), { key } = _a, chipProps = __objRest(_a, ["key"]);
           return /* @__PURE__ */ React15.createElement(
@@ -2615,7 +2656,14 @@ function SCAutocomplete({
       },
       renderInput: (params) => /* @__PURE__ */ React15.createElement(React15.Fragment, null, /* @__PURE__ */ React15.createElement(
         TextField3,
-        __spreadProps(__spreadValues({}, params), {
+        __spreadProps(__spreadValues({
+          sx: { "& .MuiOutlinedInput-input": {
+            padding: "2.5px 2px 2.5px 2px !important",
+            // ajusta aquí
+            width: "10px !important",
+            minWidth: "10px !important"
+          } }
+        }, params), {
           label: required ? /* @__PURE__ */ React15.createElement("span", { dangerouslySetInnerHTML: { __html: labelContent } }) : label,
           placeholder: selectedOptions.length == 0 ? "B\xFAsqueda" : "",
           InputProps: __spreadProps(__spreadValues({}, params.InputProps), {
@@ -2690,7 +2738,7 @@ function SCAutocomplete({
         }
       }
     })
-  ));
+  )));
 }
 
 // src/Components/SCDateRange.tsx
@@ -3853,7 +3901,7 @@ var Calendar = ({
 }) => {
   const [view, setView] = useState14(initialView);
   const { currentDate, navigateDate } = useCalendarNavigation(dayjs9(), onDateChange);
-  useEffect12(() => {
+  useEffect11(() => {
     onDateChange == null ? void 0 : onDateChange(currentDate);
   }, [currentDate, onDateChange]);
   const handleViewChange = (newView) => {
@@ -3955,7 +4003,7 @@ var FooterAction = ({
 };
 
 // src/Components/Menu/Menu.tsx
-import React33, { useCallback as useCallback4, useState as useState15 } from "react";
+import React33, { useCallback as useCallback3, useState as useState15 } from "react";
 import { Button as Button12, Menu as Menu2 } from "@mui/material";
 var BasicMenu = ({
   open,
@@ -3974,7 +4022,7 @@ var BasicMenu = ({
   } : setInternalOpen;
   const menuAnchorEl = anchorEl != null ? anchorEl : internalAnchorEl;
   const actualOpen = Boolean(menuAnchorEl) && menuOpen;
-  const handleButtonClick = useCallback4((event2) => {
+  const handleButtonClick = useCallback3((event2) => {
     if (handleClick) {
       handleClick(event2);
     } else {
@@ -3984,7 +4032,7 @@ var BasicMenu = ({
       }
     }
   }, [handleClick, setMenuOpen, isControlled]);
-  const handleMenuClose = useCallback4(() => {
+  const handleMenuClose = useCallback3(() => {
     if (onClose) {
       onClose();
     } else {
@@ -4023,32 +4071,32 @@ var BasicMenu = ({
 };
 
 // src/Components/MultiSelect/MultiSelect.tsx
-import React34, { useEffect as useEffect13, useMemo as useMemo6 } from "react";
+import React34, { useEffect as useEffect12, useMemo as useMemo5 } from "react";
 import { Button as Button13, Checkbox as Checkbox2, FormControl as FormControl3, InputAdornment as InputAdornment5, ListItemIcon as ListItemIcon3, MenuItem as MenuItem5, Popover as Popover4, Stack as Stack12, TextField as TextField4 } from "@mui/material";
 import { SearchOutlined } from "@mui/icons-material";
 
 // src/Components/MultiSelect/helpers/useHandlers.tsx
-import { useCallback as useCallback5, useState as useState16 } from "react";
+import { useCallback as useCallback4, useState as useState16 } from "react";
 function useMultiSelectHandlers() {
   const [anchorEl, setAnchorEl] = useState16(null);
   const [open, setOpen] = useState16(false);
   const [selectedItems, setSelectedItems] = useState16([]);
   const [filterValue, setFilterValue] = useState16("");
-  const handleOpen = useCallback5((e) => {
+  const handleOpen = useCallback4((e) => {
     setAnchorEl(e.currentTarget);
     setOpen(true);
   }, []);
-  const handleClose = useCallback5(() => {
+  const handleClose = useCallback4(() => {
     setAnchorEl(null);
     setOpen(false);
   }, []);
-  const handleFilterChange = useCallback5(
+  const handleFilterChange = useCallback4(
     (e) => {
       setFilterValue(e.target.value);
     },
     []
   );
-  const handleCheckboxToggle = useCallback5((item) => {
+  const handleCheckboxToggle = useCallback4((item) => {
     setSelectedItems(
       (prev) => prev.includes(item) ? prev.filter((i) => i !== item) : [...prev, item]
     );
@@ -4075,15 +4123,15 @@ function getIconMultiSelect(name) {
 }
 
 // src/Components/MultiSelect/helpers/useFilteredItems.tsx
-import { useMemo as useMemo5 } from "react";
+import { useMemo as useMemo4 } from "react";
 function useFilteredItems(items, filterValue, getItemLabel, selectedItems) {
-  const filteredItems = useMemo5(
+  const filteredItems = useMemo4(
     () => items.filter(
       (item) => getItemLabel(item).toLowerCase().includes(filterValue.toLowerCase())
     ),
     [items, filterValue, getItemLabel]
   );
-  const sortedItems = useMemo5(() => {
+  const sortedItems = useMemo4(() => {
     return [
       ...filteredItems.filter((item) => selectedItems.includes(item)),
       ...filteredItems.filter((item) => !selectedItems.includes(item))
@@ -4117,16 +4165,16 @@ function MultiSelect({
     handleCheckboxToggle,
     setOpen
   } = useMultiSelectHandlers();
-  useEffect13(() => {
+  useEffect12(() => {
     if (open !== void 0) {
       setOpen(open);
     }
   }, [open, setOpen]);
-  useEffect13(() => {
+  useEffect12(() => {
     setSelectedItems([]);
   }, [items, setSelectedItems]);
   const { filteredItems, sortedItems } = useFilteredItems(items, filterValue, getItemLabel, selectedItems);
-  const Icon = useMemo6(() => {
+  const Icon = useMemo5(() => {
     var _a2;
     return getIconMultiSelect((_a2 = button == null ? void 0 : button.icon) != null ? _a2 : "FilterListOutlined");
   }, [button == null ? void 0 : button.icon]);
@@ -4531,7 +4579,7 @@ var SCAlert = ({
 };
 
 // src/Components/SCAppBar.tsx
-import React39, { useState as useState19, useEffect as useEffect16 } from "react";
+import React39, { useState as useState19, useEffect as useEffect15 } from "react";
 import { Menu as Menu4, Box as Box23, Typography as Typography22, MenuItem as MenuItem8, IconButton as IconButton14, Badge as Badge2 } from "@mui/material";
 import Grid9 from "@mui/material/Grid";
 import "dayjs/locale/es";
@@ -4556,13 +4604,11 @@ var SCAppBar = ({
   const handleMenuClose = () => {
     setAnchorEl(null);
   };
-  useEffect16(() => {
+  useEffect15(() => {
     const handleOnline = () => {
-      console.log("tiene internet");
       setIsOnline(true);
     };
     const handleOffline = () => {
-      console.log(" no tiene internet");
       setIsOnline(false);
     };
     window.addEventListener("online", handleOnline);
@@ -4781,7 +4827,7 @@ var SCCard = ({ width, title, image, iconTitle, actionsTitle, subtitle, content,
 };
 
 // src/Components/SCDataGrid.tsx
-import React42, { useEffect as useEffect19, useState as useState22 } from "react";
+import React42, { useEffect as useEffect18, useState as useState22 } from "react";
 import { DataGridPro, useGridApiRef } from "@mui/x-data-grid-pro";
 import { LicenseInfo as LicenseInfo2 } from "@mui/x-license";
 import KeyboardArrowDownIcon from "@mui/icons-material/KeyboardArrowDown";
@@ -4948,14 +4994,14 @@ function SCDataGridInitial({ data, columns, getRowId, groupColumns, titleRowsPag
   const [pageSize, setPageSize] = useState22(rows);
   const [arrayRows, setArrayRows] = useState22([]);
   const [selectionModel, setSelectionModel] = useState22([]);
-  useEffect19(() => {
+  useEffect18(() => {
     var _a;
     if (setSelectedRow) {
       setSelectedRow(arrayRows[selectedIndex]);
       setSelectionModel(((_a = arrayRows[selectedIndex]) == null ? void 0 : _a.id) ? [arrayRows[selectedIndex].id] : []);
     }
   }, [selectedIndex]);
-  useEffect19(() => {
+  useEffect18(() => {
     if ((data == null ? void 0 : data.length) > 0) {
       dataConvertRows(data, void 0);
     }
@@ -5038,14 +5084,13 @@ function SCDataGridInitial({ data, columns, getRowId, groupColumns, titleRowsPag
       columnVisibilityModel[col.field] = false;
     }
   });
-  console.log("columnVisibilityModel:", columnVisibilityModel);
   const initialState = {
     pagination: { paginationModel: { pageSize: rows } }
   };
   if (Object.keys(columnVisibilityModel).length > 0) {
     initialState.columns = { columnVisibilityModel };
   }
-  useEffect19(() => {
+  useEffect18(() => {
     if (apiRef.current && Object.keys(columnVisibilityModel).length > 0) {
       apiRef.current.setColumnVisibilityModel(columnVisibilityModel);
     }
@@ -5282,7 +5327,7 @@ var SCDatePicker = ({ label, required, disabled, background, state, setState, wi
 };
 
 // src/Components/SCDialog.tsx
-import React44, { useEffect as useEffect20, useState as useState24 } from "react";
+import React44, { useEffect as useEffect19, useState as useState24 } from "react";
 import { Button as Button19, Typography as Typography25, Modal as Modal5, Dialog as Dialog4, DialogActions as DialogActions4, DialogContent as DialogContent4, DialogTitle as DialogTitle4, IconButton as IconButton17, Tooltip as Tooltip8, Box as Box26, SvgIcon as SvgIcon10 } from "@mui/material";
 import Grid11 from "@mui/material/Grid";
 import ToggleButton from "@mui/material/ToggleButton";
@@ -5295,7 +5340,7 @@ var SCDialog = ({ title, iconTitle, subtitle, content, actions, buttonDialog, di
   let IconTitle;
   let ButtonIcon;
   const [open, setOpen] = useState24(show);
-  useEffect20(() => {
+  useEffect19(() => {
     if (show) {
       handleOpen();
     } else {
@@ -5455,7 +5500,7 @@ import { Box as Box27, Typography as Typography26, Paper as Paper4, Divider as D
 import Grid12 from "@mui/material/Grid";
 
 // src/Components/Hooks/useWindowDimensions.ts
-import { useState as useState25, useEffect as useEffect21 } from "react";
+import { useState as useState25, useEffect as useEffect20 } from "react";
 function getWindowDimensions() {
   const { innerWidth: width, innerHeight: height } = window;
   return {
@@ -5465,7 +5510,7 @@ function getWindowDimensions() {
 }
 function useWindowDimensions() {
   const [windowDimensions, setWindowDimensions] = useState25(getWindowDimensions());
-  useEffect21(() => {
+  useEffect20(() => {
     function handleResize() {
       setWindowDimensions(getWindowDimensions());
     }
@@ -5574,7 +5619,7 @@ var SCSnackBar = ({
 };
 
 // src/Components/SCTabs.tsx
-import React47, { useEffect as useEffect22 } from "react";
+import React47, { useEffect as useEffect21 } from "react";
 import { Typography as Typography27, Box as Box28, SvgIcon as SvgIcon12, Tab as Tab3, Tabs as Tabs3, Badge as Badge3 } from "@mui/material";
 import TabPanel from "@mui/lab/TabPanel";
 import TabContext from "@mui/lab/TabContext";
@@ -5587,7 +5632,7 @@ var SCTabs = ({ options, defaultOption, typeIcon, background, iconPosition, colo
   let l = 0;
   let validateTypeIcon = true;
   const [value, setValue] = React47.useState("1");
-  useEffect22(() => {
+  useEffect21(() => {
     if (defaultOption) {
       handleChange(event, void 0);
     }