componentes-sinco 1.1.17 → 1.1.19

package/dist/index.cjs

@@ -113,6 +113,7 @@ __export(index_exports, {
   SCTime: () => SCTime,
   SCToastNotification: () => SCToastNotification,
   SincoTheme: () => SincoTheme,
+  StopEvent: () => StopEvent,
   ToastProgress: () => ToastProgress,
   capitalize: () => capitalize,
   clampEventToVisibleRange: () => clampEventToVisibleRange,
@@ -1789,6 +1790,20 @@ var import_react15 = __toESM(require("react"), 1);
 var import_material9 = require("@mui/material");
 var import_icons_material8 = require("@mui/icons-material");
 var Muicon4 = __toESM(require("@mui/icons-material"), 1);
+var StopEvent = ({ children }) => {
+  return /* @__PURE__ */ import_react15.default.createElement(
+    "span",
+    {
+      onMouseDown: (e) => {
+        e.preventDefault();
+        e.stopPropagation();
+      },
+      onClick: (e) => e.stopPropagation(),
+      style: { display: "inline-flex", alignItems: "center" }
+    },
+    children
+  );
+};
 function SCAutocomplete({
   label = "",
   data,
@@ -1893,9 +1908,19 @@ function SCAutocomplete({
   const selectedValue = typeFormat === "multiselect" ? selectedOptions : originalData.find(
     (item) => getItemValue(item).value === state.hiddenValue
   ) || null;
+  const [open, setOpen] = import_react15.default.useState(false);
+  const hayOnComponentClickGlobal = import_react15.default.useMemo(() => {
+    return data.some((opt) => Boolean(getItemValue(opt).onComponentClick));
+  }, [data]);
   return /* @__PURE__ */ import_react15.default.createElement(import_react15.default.Fragment, null, data && /* @__PURE__ */ import_react15.default.createElement(
     import_material9.Autocomplete,
-    {
+    __spreadProps(__spreadValues(__spreadValues(__spreadValues({}, hayOnComponentClickGlobal ? { open } : {}), hayOnComponentClickGlobal ? { onOpen: () => setOpen(true) } : {}), hayOnComponentClickGlobal ? {
+      onClose: (event2, reason) => {
+        debugger;
+        if (reason === "blur") return;
+        setOpen(false);
+      }
+    } : {}), {
       multiple: typeFormat === "multiselect",
       clearOnEscape: true,
       noOptionsText: "No se encuentra",
@@ -1952,9 +1977,11 @@ function SCAutocomplete({
           isValid = group == option[columnGroup];
           group = option[columnGroup];
         }
+        const item = getItemValue(option);
         return /* @__PURE__ */ import_react15.default.createElement(import_react15.default.Fragment, null, /* @__PURE__ */ import_react15.default.createElement(import_react15.default.Fragment, { key }, columnGroup ? !isValid ? /* @__PURE__ */ import_react15.default.createElement(import_material9.Typography, { color: "text.secondary", sx: { margin: "7px 16px !important", fontSize: "13px !important" } }, option[columnGroup]) : "" : "", /* @__PURE__ */ import_react15.default.createElement(
           import_material9.MenuItem,
           __spreadProps(__spreadValues({}, optionProps), {
+            component: "li",
             disabled: isDisabled,
             style: {
               //background: typeFormat != "multiselect" ? state.hiddenValue == getItemValue(option).value ? "#be308fff" : 'white' : 'white', 
@@ -1973,7 +2000,16 @@ function SCAutocomplete({
             }
           ) : "",
           /* @__PURE__ */ import_react15.default.createElement(import_material9.ListItemText, { primary: getItemValue(option).text, color: "text.primary" }),
-          getItemValue(option).component != void 0 ? getItemValue(option).component : ""
+          item.component != null ? /* @__PURE__ */ import_react15.default.createElement(StopEvent, null, /* @__PURE__ */ import_react15.default.createElement(
+            "span",
+            {
+              onClick: (e) => {
+                var _a2;
+                (_a2 = item.onComponentClick) == null ? void 0 : _a2.call(item, e, option);
+              }
+            },
+            item.component
+          )) : null
         )));
       },
       renderInput: (params) => /* @__PURE__ */ import_react15.default.createElement(import_react15.default.Fragment, null, /* @__PURE__ */ import_react15.default.createElement(
@@ -2052,7 +2088,7 @@ function SCAutocomplete({
           })
         }
       }
-    }
+    })
   ));
 }
 
@@ -2371,7 +2407,7 @@ var DrawerHeader = ({
         alignContent: "center"
       }
     },
-    /* @__PURE__ */ import_react19.default.createElement(import_material13.Typography, { variant: "h6", color: colorTitle || "text.primary" }, title != null ? title : "Personaliza tu b\xFAsqueda"),
+    /* @__PURE__ */ import_react19.default.createElement(import_material13.Typography, { variant: filterSideCard ? "body2" : "h6", color: colorTitle || "text.primary" }, title != null ? title : "Personaliza tu b\xFAsqueda"),
     filterSideCard ? /* @__PURE__ */ import_react19.default.createElement(import_react19.default.Fragment, null, filterSideCard) : /* @__PURE__ */ import_react19.default.createElement(import_material13.IconButton, { onClick: onClose }, /* @__PURE__ */ import_react19.default.createElement(import_Close.default, { "data-testid": "test-button-close", sx: { color: "text.primary" } }))
   );
 };
@@ -2389,8 +2425,7 @@ function SCDrawer({
   setOpen,
   chipFilters,
   heightDrawer = 456,
-  filterSideCard,
-  ref
+  filterSideCard
 }) {
   const drawerBleeding = heightDrawer;
   const { drawerOpen, handleDrawerClose, toggleDrawer } = useDrawerState({ open, setOpen });
@@ -2417,7 +2452,6 @@ function SCDrawer({
       );
     }
   };
-  const containerRef = import_react20.default.useRef(null);
   const handleCleanFilters = () => {
     cleanAllFilters(arrayElements, setTextFilters);
   };
@@ -2474,8 +2508,8 @@ function SCDrawer({
         }
       },
       ModalProps: {
-        container: ref == null ? void 0 : ref.current,
         keepMounted: true,
+        disablePortal: filterSideCard ? true : false,
         slotProps: {
           root: {
             style: {
@@ -3267,7 +3301,7 @@ function SCDataGridInitial({ data, columns, getRowId, groupColumns, rowsTable, r
           "maxHeight": "0px !important"
         },
         "& .MuiDataGrid-cell": {
-          padding: "0 !important",
+          //padding: '0 !important', //padding de cada celda
           background: "white"
         },
         // Fila seleccionada (cuando selectionModel selecciona filas)
@@ -5699,11 +5733,17 @@ var SCDatePicker = ({ label, required, disabled, background, state, setState, wi
       minDate: (0, import_dayjs11.default)("2015-01-01"),
       maxDate: (0, import_dayjs11.default)().add(3, "month"),
       sx: {
-        minWidth: 140,
+        minWidth: 120,
         width: width || "100%",
         background: background || "transparent",
         "& .MuiPickersInputBase-sectionsContainer": {
           padding: "6px 0px"
+        },
+        "& .MuiPickersOutlinedInput-root": {
+          padding: "0px 10px !important"
+        },
+        "& .MuiIconButton-root": {
+          padding: "0px 8px 0px 0px !important"
         }
       },
       slotProps: {
@@ -7504,6 +7544,7 @@ var ADCSincoTheme = (0, import_styles3.createTheme)(__spreadValues({}, ADCTheme)
   SCTime,
   SCToastNotification,
   SincoTheme,
+  StopEvent,
   ToastProgress,
   capitalize,
   clampEventToVisibleRange,