componentes-sinco 1.1.30 → 1.1.32

package/dist/index.cjs

@@ -138,6 +138,7 @@ module.exports = __toCommonJS(index_exports);
 var import_react5 = __toESM(require("react"), 1);
 var import_material3 = require("@mui/material");
 var import_icons_material5 = require("@mui/icons-material");
+var Muicon = __toESM(require("@mui/icons-material"), 1);
 
 // src/Components/ToastNotification/SCToastNotification.tsx
 var import_react2 = __toESM(require("react"), 1);
@@ -482,7 +483,8 @@ var Attachment = ({
   onChange,
   downloadAction,
   deleteAction,
-  initialFiles = []
+  initialFiles = [],
+  iconFileItem
 }) => {
   const [files, setFiles] = (0, import_react5.useState)([]);
   const [fileToDelete, setFileToDelete] = (0, import_react5.useState)(null);
@@ -490,6 +492,14 @@ var Attachment = ({
   const [openModal, setOpenModal] = (0, import_react5.useState)(false);
   const [isDragFile, setIsDragFile] = (0, import_react5.useState)(false);
   const inputRef = (0, import_react5.useRef)(null);
+  let IconFileItem;
+  if (iconFileItem) {
+    if (Muicon[iconFileItem] == void 0) {
+      IconFileItem = iconFileItem;
+    } else {
+      IconFileItem = Muicon[iconFileItem];
+    }
+  }
   (0, import_react5.useEffect)(() => {
     if (initialFiles && initialFiles.length > 0) {
       setFiles(initialFiles);
@@ -740,7 +750,7 @@ var Attachment = ({
           }
         }
       },
-      /* @__PURE__ */ import_react5.default.createElement(import_material3.Stack, { direction: "row", alignItems: "center", gap: 1, width: "100%" }, /* @__PURE__ */ import_react5.default.createElement(
+      /* @__PURE__ */ import_react5.default.createElement(import_material3.Stack, { direction: "row", alignItems: "center", gap: 1, width: "100%" }, iconFileItem ? /* @__PURE__ */ import_react5.default.createElement(import_material3.SvgIcon, { color: file.uploadError ? "error" : "primary", fontSize: "small", component: IconFileItem }) : /* @__PURE__ */ import_react5.default.createElement(
         import_icons_material5.UploadFileOutlined,
         {
           color: file.uploadError ? "error" : "primary",
@@ -891,6 +901,7 @@ var import_PhotoCamera = __toESM(require("@mui/icons-material/PhotoCamera"), 1);
 var import_CancelOutlined = __toESM(require("@mui/icons-material/CancelOutlined"), 1);
 var import_ImageOutlined = __toESM(require("@mui/icons-material/ImageOutlined"), 1);
 var import_FileDownloadOutlined = __toESM(require("@mui/icons-material/FileDownloadOutlined"), 1);
+var Muicon2 = __toESM(require("@mui/icons-material"), 1);
 var AttachmentMobile = ({
   buttonAttachment,
   maxSize = 400,
@@ -901,7 +912,8 @@ var AttachmentMobile = ({
   onChange,
   children,
   sx,
-  view = "button"
+  view = "button",
+  iconFileItem
 }) => {
   const webcamRef = (0, import_react7.useRef)(null);
   const [abrirCamara, setAbrirCamara] = (0, import_react7.useState)(false);
@@ -912,6 +924,14 @@ var AttachmentMobile = ({
   const toggleAttachment = (newOpen) => () => {
     setOpen(newOpen);
   };
+  let IconFileItem;
+  if (iconFileItem) {
+    if (Muicon2[iconFileItem] == void 0) {
+      IconFileItem = iconFileItem;
+    } else {
+      IconFileItem = Muicon2[iconFileItem];
+    }
+  }
   const closeCam = () => {
     setAbrirCamara(false);
   };
@@ -1220,7 +1240,7 @@ var AttachmentMobile = ({
           }
         }
       },
-      /* @__PURE__ */ import_react7.default.createElement(import_material5.Stack, { direction: "row", alignItems: "center", gap: 1, width: "100%" }, /* @__PURE__ */ import_react7.default.createElement(
+      /* @__PURE__ */ import_react7.default.createElement(import_material5.Stack, { direction: "row", alignItems: "center", gap: 1, width: "100%" }, iconFileItem ? /* @__PURE__ */ import_react7.default.createElement(import_material5.SvgIcon, { color: file.uploadError ? "error" : "primary", fontSize: "small", component: IconFileItem }) : /* @__PURE__ */ import_react7.default.createElement(
         import_icons_material7.UploadFileOutlined,
         {
           color: file.uploadError ? "error" : "primary",
@@ -1474,10 +1494,10 @@ var import_material18 = require("@mui/material");
 var import_Grid4 = __toESM(require("@mui/material/Grid"), 1);
 
 // src/Components/Drawer/Helpers/Utils.tsx
-var Muicon = __toESM(require("@mui/icons-material"), 1);
+var Muicon3 = __toESM(require("@mui/icons-material"), 1);
 var getIcon = (iconName) => {
-  if (iconName && iconName in Muicon) {
-    return Muicon[iconName];
+  if (iconName && iconName in Muicon3) {
+    return Muicon3[iconName];
   }
   return null;
 };
@@ -1513,51 +1533,68 @@ var validateInputs = (arrayElements, onError, onSuccess, setChipFilters, setText
 
 // src/Components/Drawer/Helpers/validateTypeElement.tsx
 var import_react10 = __toESM(require("react"), 1);
+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 (!import_react10.default.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 import_react10.default.Children.toArray(children)) {
+    if (import_react10.default.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";
+  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 (import_react10.default.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 (import_react10.default.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 (import_react10.default.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";
-    typeElement = element;
-  } else if (import_react10.default.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 (import_react10.default.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 (import_react10.default.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 (import_react10.default.isValidElement(element == null ? void 0 : element.component) && isKnownComponent(element.component)) {
+    const node = element.component;
+    validation = resolveValidation(node);
+    typeElement = node.props;
+  } else if (import_react10.default.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
@@ -1622,11 +1659,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() !== ",") {
-        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;
+      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")}` : 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
         );
@@ -1654,20 +1691,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];
@@ -1688,7 +1731,7 @@ var useChipFilters = (arrayElements, chipFilters) => {
         return ((_b = typeElement.state) == null ? void 0 : _b[0]) !== null && ((_c = typeElement.state) == null ? void 0 : _c[1]) !== null;
       } else {
         const stateValue = String(typeElement.state).trim();
-        return stateValue !== "" && stateValue !== ",";
+        return stateValue !== "" && stateValue !== "," && stateValue !== "undefined";
       }
     });
   };
@@ -1733,6 +1776,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;
@@ -1811,8 +1858,8 @@ var DrawerButton = ({
 // src/Components/Drawer/components/ChipFiltersDisplay.tsx
 var import_react15 = __toESM(require("react"), 1);
 var import_material9 = require("@mui/material");
-var import_ArrowBackIos = __toESM(require("@mui/icons-material/ArrowBackIos"), 1);
-var import_ArrowForwardIos = __toESM(require("@mui/icons-material/ArrowForwardIos"), 1);
+var import_ChevronLeft = __toESM(require("@mui/icons-material/ChevronLeft"), 1);
+var import_ChevronRight = __toESM(require("@mui/icons-material/ChevronRight"), 1);
 var ChipFiltersDisplay = ({
   textFilters,
   onDeleteFilter
@@ -1823,7 +1870,7 @@ var ChipFiltersDisplay = ({
       scrollRef.current.scrollLeft += offset;
     }
   };
-  return /* @__PURE__ */ import_react15.default.createElement(import_material9.Box, { display: "flex", alignItems: "center", sx: { maxWidth: "78%" } }, /* @__PURE__ */ import_react15.default.createElement(import_material9.IconButton, { onClick: () => scroll(-150), size: "small" }, /* @__PURE__ */ import_react15.default.createElement(import_ArrowBackIos.default, { fontSize: "small" })), /* @__PURE__ */ import_react15.default.createElement(
+  return /* @__PURE__ */ import_react15.default.createElement(import_react15.default.Fragment, null, (textFilters == null ? void 0 : textFilters.length) > 0 && /* @__PURE__ */ import_react15.default.createElement(import_material9.Box, { display: "flex", alignItems: "center", sx: { maxWidth: "78%" } }, /* @__PURE__ */ import_react15.default.createElement(import_material9.IconButton, { onClick: () => scroll(-150), size: "small" }, /* @__PURE__ */ import_react15.default.createElement(import_ChevronLeft.default, { fontSize: "small", color: "action" })), /* @__PURE__ */ import_react15.default.createElement(
     import_material9.Box,
     {
       ref: scrollRef,
@@ -1850,7 +1897,7 @@ var ChipFiltersDisplay = ({
         }
       })
     ))
-  ), /* @__PURE__ */ import_react15.default.createElement(import_material9.IconButton, { onClick: () => scroll(150), size: "small" }, /* @__PURE__ */ import_react15.default.createElement(import_ArrowForwardIos.default, { fontSize: "small" })));
+  ), /* @__PURE__ */ import_react15.default.createElement(import_material9.IconButton, { onClick: () => scroll(150), size: "small" }, /* @__PURE__ */ import_react15.default.createElement(import_ChevronRight.default, { fontSize: "small", color: "action" }))));
 };
 
 // src/Components/Drawer/components/DrawerContent.tsx
@@ -1864,16 +1911,16 @@ var import_Grid = __toESM(require("@mui/material/Grid"), 1);
 var import_icons_material9 = require("@mui/icons-material");
 
 // src/Components/Textfield/Helpers/validateIcon.tsx
-var Muicon2 = __toESM(require("@mui/icons-material"), 1);
+var Muicon4 = __toESM(require("@mui/icons-material"), 1);
 function getIconComponent2(name) {
   if (typeof name !== "string") return name;
-  return name in Muicon2 ? Muicon2[name] : void 0;
+  return name in Muicon4 ? Muicon4[name] : void 0;
 }
 function getIconValidation(name) {
   if (typeof name !== "string") {
     return (name == null ? void 0 : name.type) ? "icon" : "text";
   }
-  return name in Muicon2 ? "icon" : "text";
+  return name in Muicon4 ? "icon" : "text";
 }
 
 // src/Components/Textfield/Helpers/validateKeyDown.tsx
@@ -2316,7 +2363,7 @@ var SCTextArea = ({
 var import_react18 = __toESM(require("react"), 1);
 var import_material12 = require("@mui/material");
 var import_Select = __toESM(require("@mui/material/Select"), 1);
-var Muicon3 = __toESM(require("@mui/icons-material"), 1);
+var Muicon5 = __toESM(require("@mui/icons-material"), 1);
 function SCSelect({
   label = "",
   data,
@@ -2350,7 +2397,7 @@ function SCSelect({
   data.map(function(option, index, array) {
     if (option == null ? void 0 : option.icon) {
       if ((option == null ? void 0 : option.icon.type) == void 0) {
-        option.icon = Muicon3[option == null ? void 0 : option.icon];
+        option.icon = Muicon5[option == null ? void 0 : option.icon];
       } else {
         option;
       }
@@ -2432,7 +2479,7 @@ function SCSelect({
 var import_react19 = __toESM(require("react"), 1);
 var import_material13 = require("@mui/material");
 var import_icons_material11 = require("@mui/icons-material");
-var Muicon4 = __toESM(require("@mui/icons-material"), 1);
+var Muicon6 = __toESM(require("@mui/icons-material"), 1);
 var StopEvent = ({ children }) => {
   return /* @__PURE__ */ import_react19.default.createElement(
     import_material13.Box,
@@ -2466,7 +2513,8 @@ function SCAutocomplete({
   setState,
   state,
   inputChange,
-  maxCheck
+  maxCheck,
+  width = "100%"
 }) {
   const labelContent = `<span style="color: red;">* </span>` + label;
   let group = "";
@@ -2506,7 +2554,7 @@ function SCAutocomplete({
     return data.map((option) => {
       if ((option == null ? void 0 : option.icon) && option.icon.type === void 0) {
         return __spreadProps(__spreadValues({}, option), {
-          icon: Muicon4[option.icon]
+          icon: Muicon6[option.icon]
         });
       }
       return option;
@@ -2558,13 +2606,26 @@ function SCAutocomplete({
   ) || null;
   const [open, setOpen] = import_react19.default.useState(false);
   const componentClickActiveRef = import_react19.default.useRef(false);
+  const containerRef = import_react19.default.useRef(null);
+  const [chipLimit, setChipLimit] = import_react19.default.useState(2);
+  (0, import_react19.useEffect)(() => {
+    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 = (0, import_react19.useMemo)(() => {
     return data.some((opt) => {
       const item = getItemValue(opt);
       return Boolean(item.onComponentClick);
     });
   }, [data, getItemValue]);
-  return /* @__PURE__ */ import_react19.default.createElement(import_react19.default.Fragment, null, data && /* @__PURE__ */ import_react19.default.createElement(
+  return /* @__PURE__ */ import_react19.default.createElement(import_react19.default.Fragment, null, data && /* @__PURE__ */ import_react19.default.createElement(import_material13.Box, { ref: containerRef, sx: { width } }, /* @__PURE__ */ import_react19.default.createElement(
     import_material13.Autocomplete,
     __spreadProps(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues({}, hayOnComponentClickGlobal ? { disableCloseOnSelect: true } : {}), hayOnComponentClickGlobal ? { blurOnSelect: false } : {}), hayOnComponentClickGlobal ? { open } : {}), hayOnComponentClickGlobal ? { onOpen: () => setOpen(true) } : {}), hayOnComponentClickGlobal ? {
       onClose: (event2, reason) => {
@@ -2594,9 +2655,9 @@ function SCAutocomplete({
         width: "100%",
         maxWidth: "100%"
       },
-      limitTags: 2,
+      limitTags: chipLimit,
       renderTags: (value, getTagProps) => {
-        const limit = 2;
+        const limit = chipLimit;
         return /* @__PURE__ */ import_react19.default.createElement(import_react19.default.Fragment, null, value.slice(0, limit).map((option, index) => {
           const _a = getTagProps({ index }), { key } = _a, chipProps = __objRest(_a, ["key"]);
           return /* @__PURE__ */ import_react19.default.createElement(
@@ -2679,7 +2740,14 @@ function SCAutocomplete({
       },
       renderInput: (params) => /* @__PURE__ */ import_react19.default.createElement(import_react19.default.Fragment, null, /* @__PURE__ */ import_react19.default.createElement(
         import_material13.TextField,
-        __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__ */ import_react19.default.createElement("span", { dangerouslySetInnerHTML: { __html: labelContent } }) : label,
           placeholder: selectedOptions.length == 0 ? "B\xFAsqueda" : "",
           InputProps: __spreadProps(__spreadValues({}, params.InputProps), {
@@ -2754,7 +2822,7 @@ function SCAutocomplete({
         }
       }
     })
-  ));
+  )));
 }
 
 // src/Components/SCDateRange.tsx
@@ -4296,7 +4364,7 @@ var PageHeader = ({
       zIndex: 10,
       sx: { boxShadow: shadow ? (theme) => theme.shadows[1] : "none" }
     },
-    /* @__PURE__ */ import_react42.default.createElement(import_material28.Stack, { "data-testid": "page-header-content", height: 40, px: 3, pl: buttonBack ? 1 : 3, direction: "row", alignItems: "center", justifyContent: "space-between" }, /* @__PURE__ */ import_react42.default.createElement(import_material28.Stack, { id: "left-section", direction: "row", alignItems: "center", gap: 1 }, buttonBack, /* @__PURE__ */ import_react42.default.createElement(import_material28.Stack, { id: "text-section", gap: 0.5 }, /* @__PURE__ */ import_react42.default.createElement(import_material28.Typography, { "data-testid": "page-header-title", variant: "h6", color: "text.primary" }, title), subtitle && /* @__PURE__ */ import_react42.default.createElement(import_material28.Typography, { "data-testid": "page-header-subtitle", variant: "caption", color: "text.primary" }, subtitle))), actions && /* @__PURE__ */ import_react42.default.createElement(import_material28.Stack, { id: "right-actions", direction: "row", alignItems: "center", gap: 1 }, actions))
+    /* @__PURE__ */ import_react42.default.createElement(import_material28.Stack, { "data-testid": "page-header-content", height: 40, px: 3, pl: buttonBack ? 1 : 3, direction: "row", alignItems: "center", justifyContent: "space-between" }, /* @__PURE__ */ import_react42.default.createElement(import_material28.Stack, { id: "left-section", direction: "row", alignItems: "center", gap: 1 }, buttonBack, /* @__PURE__ */ import_react42.default.createElement(import_material28.Stack, { id: "text-section", gap: 0.5 }, /* @__PURE__ */ import_react42.default.createElement(import_material28.Typography, { "data-testid": "page-header-title", variant: "h6", color: "text.primary" }, title), subtitle && /* @__PURE__ */ import_react42.default.createElement(import_material28.Typography, { "data-testid": "page-header-subtitle", variant: "caption", color: "text.secondary" }, subtitle))), actions && /* @__PURE__ */ import_react42.default.createElement(import_material28.Stack, { id: "right-actions", direction: "row", alignItems: "center", gap: 1 }, actions))
   );
 };
 
@@ -4315,24 +4383,24 @@ var import_react43 = __toESM(require("react"), 1);
 var import_material29 = require("@mui/material");
 var import_Grid5 = __toESM(require("@mui/material/Grid"), 1);
 var import_Avatar = __toESM(require("@mui/material/Avatar"), 1);
-var Muicon5 = __toESM(require("@mui/icons-material"), 1);
+var Muicon7 = __toESM(require("@mui/icons-material"), 1);
 var SCListContent = ({ options, iconLeftType = "Icon", iconRightType = "Icon" }) => {
   const [selectedIndex, setSelectedIndex] = import_react43.default.useState("1");
   const [value, setValue] = import_react43.default.useState("1");
   options.map(function(option, index, array) {
     if (option == null ? void 0 : option.iconLeft) {
       if ((option == null ? void 0 : option.iconLeft.type) == void 0) {
-        const found = Muicon5[option == null ? void 0 : option.iconLeft];
+        const found = Muicon7[option == null ? void 0 : option.iconLeft];
         if (found != void 0) {
-          option.iconLeft = Muicon5[option == null ? void 0 : option.iconLeft];
+          option.iconLeft = Muicon7[option == null ? void 0 : option.iconLeft];
         }
       }
     }
     if (option == null ? void 0 : option.iconRight) {
       if ((option == null ? void 0 : option.iconRight.type) == void 0) {
-        const found = Muicon5[option == null ? void 0 : option.iconRight];
+        const found = Muicon7[option == null ? void 0 : option.iconRight];
         if (found != void 0) {
-          option.iconRight = Muicon5[option == null ? void 0 : option.iconRight];
+          option.iconRight = Muicon7[option == null ? void 0 : option.iconRight];
         }
       }
     }
@@ -4388,8 +4456,6 @@ var SCActivityCalendar = ({
   const [openCalendar, setOpenCalendar] = import_react44.default.useState(false);
   const [anchorPopoverFiltro, setAnchorPopoverFiltro] = (0, import_react44.useState)(null);
   const [datosEventos, setDatosEventos] = import_react44.default.useState(events);
-  console.log("eventos", events);
-  console.log("datosEventos", datosEventos);
   const openPopoverFiltro = Boolean(anchorPopoverFiltro);
   const hoy = /* @__PURE__ */ new Date();
   const inicioSemana = (0, import_date_fns.startOfWeek)(fecha, { weekStartsOn: 0 });
@@ -4524,12 +4590,9 @@ var SCActivityCalendar = ({
       flexDirection: "column"
     } }, (() => {
       const esDomingo = day.getDay() === 0;
-      console.log("D\xEDa:", day);
-      console.log("Filtrando eventos para el d\xEDa:", datosEventos);
       const eventosDelDia = datosEventos.filter(
         (event2) => (/* @__PURE__ */ new Date(event2.date + "T00:00:00")).toDateString() === day.toDateString()
       );
-      console.log("Cantidad eventos para el d\xEDa:", eventosDelDia);
       if (eventosDelDia.length > 0) {
         return eventosDelDia.map((event2, idx) => /* @__PURE__ */ import_react44.default.createElement(
           SCListContent,
@@ -4627,11 +4690,9 @@ var SCAppBar = ({
   };
   (0, import_react46.useEffect)(() => {
     const handleOnline = () => {
-      console.log("tiene internet");
       setIsOnline(true);
     };
     const handleOffline = () => {
-      console.log(" no tiene internet");
       setIsOnline(false);
     };
     window.addEventListener("online", handleOnline);
@@ -4783,13 +4844,13 @@ var import_CardContent = __toESM(require("@mui/material/CardContent"), 1);
 var import_CardActions = __toESM(require("@mui/material/CardActions"), 1);
 var import_Collapse = __toESM(require("@mui/material/Collapse"), 1);
 var import_ExpandMore = __toESM(require("@mui/icons-material/ExpandMore"), 1);
-var Muicon6 = __toESM(require("@mui/icons-material"), 1);
+var Muicon8 = __toESM(require("@mui/icons-material"), 1);
 var SCCard = ({ width, title, image, iconTitle, actionsTitle, subtitle, content, actions, expand }) => {
   let iconTitleValidation = "";
   let IconTitle;
   const [expanded, setExpanded] = import_react48.default.useState(false);
   if (iconTitle) {
-    if (Muicon6[iconTitle] == void 0) {
+    if (Muicon8[iconTitle] == void 0) {
       if (iconTitle && import_react48.default.isValidElement(iconTitle) && iconTitle.type == void 0) {
         iconTitleValidation = "image";
         IconTitle = iconTitle;
@@ -4799,7 +4860,7 @@ var SCCard = ({ width, title, image, iconTitle, actionsTitle, subtitle, content,
       }
     } else {
       iconTitleValidation = "icon";
-      IconTitle = Muicon6[iconTitle];
+      IconTitle = Muicon8[iconTitle];
     }
   }
   const handleExpandClick = () => {
@@ -4856,7 +4917,7 @@ var import_x_license2 = require("@mui/x-license");
 var import_KeyboardArrowDown = __toESM(require("@mui/icons-material/KeyboardArrowDown"), 1);
 var import_KeyboardArrowUp = __toESM(require("@mui/icons-material/KeyboardArrowUp"), 1);
 var import_styles = require("@mui/material/styles");
-function SCDataGridInitial({ data, columns, getRowId, groupColumns, titleRowsPage, rowsTable, rowSelection, checkboxSelection, width, maxHeight, density, disableColumnMenu, disableColumnSorting, setSelectedIndex, selectedIndex = 0, setSelectedRow, selectedRow }) {
+function SCDataGridInitial({ data, columns, getRowId, groupColumns, titleRowsPage, rowsTable, rowSelection, checkboxSelection, width, maxHeight, density, disableColumnMenu, disableHeader, disableColumnSorting, setSelectedIndex, selectedIndex = 0, setSelectedRow, selectedRow }) {
   import_x_license2.LicenseInfo.setLicenseKey(
     "77d49a57fbc5f4af35ddb05c5f1742e0Tz0xMTI3MjgsRT0xNzc4MzcxMTk5MDAwLFM9cHJvLExNPXN1YnNjcmlwdGlvbixQVj1RMy0yMDI0LEtWPTI="
   );
@@ -4953,6 +5014,7 @@ function SCDataGridInitial({ data, columns, getRowId, groupColumns, titleRowsPag
             color: "#10184099",
             display: "flex",
             alignItems: "center",
+            borderTop: params.rowNode.type === "group" && params.rowNode.depth === 0 ? "2px solid #2063A0" : "1px solid #E0E0E0",
             paddingLeft: params.rowNode.depth == 0 ? "5px" : params.rowNode.depth == 1 ? "15px" : "25px",
             backgroundColor: params.rowNode.type === "group" ? theme.palette.grey[100 + (maxDepth - params.rowNode.depth) * 100] : "#FFFFFF",
             fontWeight: params.rowNode.type == "group" ? "400" : "300"
@@ -5107,7 +5169,6 @@ function SCDataGridInitial({ data, columns, getRowId, groupColumns, titleRowsPag
       columnVisibilityModel[col.field] = false;
     }
   });
-  console.log("columnVisibilityModel:", columnVisibilityModel);
   const initialState = {
     pagination: { paginationModel: { pageSize: rows } }
   };
@@ -5159,6 +5220,9 @@ function SCDataGridInitial({ data, columns, getRowId, groupColumns, titleRowsPag
       },
       sx: {
         maxHeight: maxHeight ? `${maxHeight}px` : "none",
+        "& .MuiDataGrid-columnHeaders": {
+          display: disableHeader == true ? "none" : "block"
+        },
         "& .MuiDataGrid-filler": {
           display: "none !important"
         },
@@ -5354,7 +5418,7 @@ var import_Grid9 = __toESM(require("@mui/material/Grid"), 1);
 var import_ToggleButton = __toESM(require("@mui/material/ToggleButton"), 1);
 var import_ToggleButtonGroup = __toESM(require("@mui/material/ToggleButtonGroup"), 1);
 var import_Close2 = __toESM(require("@mui/icons-material/Close"), 1);
-var Muicon7 = __toESM(require("@mui/icons-material"), 1);
+var Muicon9 = __toESM(require("@mui/icons-material"), 1);
 var SCDialog = ({ title, iconTitle, subtitle, content, actions, buttonDialog, disableClose, dividers, widthContent, heightContent, background, typeView = "web", setShow, show }) => {
   let i = 0;
   let iconTitleValidation = "";
@@ -5369,17 +5433,17 @@ var SCDialog = ({ title, iconTitle, subtitle, content, actions, buttonDialog, di
     }
   }, [show]);
   if ((buttonDialog == null ? void 0 : buttonDialog.icon) != void 0) {
-    if (Muicon7[buttonDialog == null ? void 0 : buttonDialog.icon] == void 0) {
+    if (Muicon9[buttonDialog == null ? void 0 : buttonDialog.icon] == void 0) {
       ButtonIcon = buttonDialog == null ? void 0 : buttonDialog.icon;
     } else {
-      ButtonIcon = Muicon7[buttonDialog == null ? void 0 : buttonDialog.icon];
+      ButtonIcon = Muicon9[buttonDialog == null ? void 0 : buttonDialog.icon];
     }
   }
   if (Array.isArray(actions)) {
     actions.map(function(option, index, array) {
       if (option == null ? void 0 : option.icon) {
         if ((option == null ? void 0 : option.icon.type) == void 0) {
-          option.icon = Muicon7[option == null ? void 0 : option.icon];
+          option.icon = Muicon9[option == null ? void 0 : option.icon];
         } else {
           option;
         }
@@ -5387,17 +5451,17 @@ var SCDialog = ({ title, iconTitle, subtitle, content, actions, buttonDialog, di
     });
   }
   if (iconTitle) {
-    if (Muicon7[iconTitle] == void 0) {
-      if (Muicon7[iconTitle]) {
+    if (Muicon9[iconTitle] == void 0) {
+      if (Muicon9[iconTitle]) {
         iconTitleValidation = "icon";
-        IconTitle = Muicon7[iconTitle];
+        IconTitle = Muicon9[iconTitle];
       } else {
         iconTitleValidation = "image";
         IconTitle = iconTitle;
       }
     } else {
       iconTitleValidation = "icon";
-      IconTitle = Muicon7[iconTitle];
+      IconTitle = Muicon9[iconTitle];
     }
   }
   const handleOpen = () => {
@@ -5542,7 +5606,7 @@ function useWindowDimensions() {
 }
 
 // src/Components/SCMenu.tsx
-var Muicon8 = __toESM(require("@mui/icons-material"), 1);
+var Muicon10 = __toESM(require("@mui/icons-material"), 1);
 var SCMenu = ({ header, options, defaultOption, disable, widthMenu, heightMenu, widthPage }) => {
   const { height, width } = useWindowDimensions();
   const menuSize = widthMenu ? parseInt(widthMenu) : 284;
@@ -5562,14 +5626,14 @@ var SCMenu = ({ header, options, defaultOption, disable, widthMenu, heightMenu,
   options.map(function(option, index, array) {
     if (option == null ? void 0 : option.iconLeft) {
       if ((option == null ? void 0 : option.iconLeft.type) == void 0) {
-        option.iconLeft = Muicon8[option == null ? void 0 : option.iconLeft];
+        option.iconLeft = Muicon10[option == null ? void 0 : option.iconLeft];
       } else {
         option;
       }
     }
     if (option == null ? void 0 : option.iconRight) {
       if ((option == null ? void 0 : option.iconRight.type) == void 0) {
-        option.iconRight = Muicon8[option == null ? void 0 : option.iconRight];
+        option.iconRight = Muicon10[option == null ? void 0 : option.iconRight];
       } else {
         option;
       }
@@ -5644,7 +5708,7 @@ var import_react55 = __toESM(require("react"), 1);
 var import_material37 = require("@mui/material");
 var import_TabPanel = __toESM(require("@mui/lab/TabPanel"), 1);
 var import_TabContext = __toESM(require("@mui/lab/TabContext"), 1);
-var Muicon9 = __toESM(require("@mui/icons-material"), 1);
+var Muicon11 = __toESM(require("@mui/icons-material"), 1);
 var SCTabs = ({ options, defaultOption, typeIcon, background, iconPosition, colorTab, orientation, variant, scrollButtons, children }) => {
   const [toast, setToast] = import_react55.default.useState(null);
   let i = 0;
@@ -5662,9 +5726,9 @@ var SCTabs = ({ options, defaultOption, typeIcon, background, iconPosition, colo
     const optionsLength = options.length;
     if (option == null ? void 0 : option.iconOrBadge) {
       if (typeIcon == "icon") {
-        if ((option == null ? void 0 : option.iconOrBadge) in Muicon9 == true) {
+        if ((option == null ? void 0 : option.iconOrBadge) in Muicon11 == true) {
           validateTypeIcon = true;
-          option.iconOrBadge = Muicon9[option == null ? void 0 : option.iconOrBadge];
+          option.iconOrBadge = Muicon11[option == null ? void 0 : option.iconOrBadge];
         } else {
           validateTypeIcon = false;
           setTimeout(() => {
@@ -5678,7 +5742,7 @@ var SCTabs = ({ options, defaultOption, typeIcon, background, iconPosition, colo
           return;
         }
       } else if (typeIcon == "badge") {
-        if ((option == null ? void 0 : option.iconOrBadge) in Muicon9 == false) {
+        if ((option == null ? void 0 : option.iconOrBadge) in Muicon11 == false) {
           validateTypeIcon = true;
           option;
         } else {
@@ -5818,7 +5882,7 @@ var SCTime = ({
     setIsOpenPopover(false);
     setAnchorEl(null);
   };
-  return /* @__PURE__ */ import_react56.default.createElement(import_LocalizationProvider5.LocalizationProvider, { dateAdapter: import_AdapterDayjs3.AdapterDayjs }, /* @__PURE__ */ import_react56.default.createElement(import_material38.Box, { sx: { position: "relative", width: width ? `${width}%` : "99%" } }, /* @__PURE__ */ import_react56.default.createElement(
+  return /* @__PURE__ */ import_react56.default.createElement(import_LocalizationProvider5.LocalizationProvider, { dateAdapter: import_AdapterDayjs3.AdapterDayjs }, /* @__PURE__ */ import_react56.default.createElement(import_material38.Box, { sx: { position: "relative", minWidth: "120px", width: width ? `${width}%` : "99%" } }, /* @__PURE__ */ import_react56.default.createElement(
     import_TimeField.TimeField,
     {
       label,