componentes-sinco 1.1.18 → 1.1.20

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,21 @@ 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(
+    import_material9.Box,
+    {
+      onMouseDown: (e) => {
+        e.preventDefault();
+        e.stopPropagation();
+      },
+      onClick: (e) => e.stopPropagation(),
+      display: "inline-flex",
+      alignItems: "center"
+    },
+    children
+  );
+};
 function SCAutocomplete({
   label = "",
   data,
@@ -1840,15 +1856,16 @@ function SCAutocomplete({
       setIsUserTyping(false);
     }
   }, [inputValue]);
-  data.map(function(option) {
-    if (option == null ? void 0 : option.icon) {
-      if ((option == null ? void 0 : option.icon.type) == void 0) {
-        option.icon = Muicon4[option == null ? void 0 : option.icon];
-      } else {
-        option;
+  const normalizedData = (0, import_react15.useMemo)(() => {
+    return data.map((option) => {
+      if ((option == null ? void 0 : option.icon) && option.icon.type === void 0) {
+        return __spreadProps(__spreadValues({}, option), {
+          icon: Muicon4[option.icon]
+        });
       }
-    }
-  });
+      return option;
+    });
+  }, [data]);
   const cleanOptions = (event2) => {
     setState({ hiddenValue: "-1", textValue: "" });
     setSelectedOptions([]);
@@ -1893,14 +1910,26 @@ 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 = (0, import_react15.useMemo)(() => {
+    return data.some((opt) => {
+      const item = getItemValue(opt);
+      return Boolean(item.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(__spreadValues(__spreadValues({}, hayOnComponentClickGlobal ? { disableCloseOnSelect: true } : {}), hayOnComponentClickGlobal ? { blurOnSelect: false } : {}), hayOnComponentClickGlobal ? { open } : {}), hayOnComponentClickGlobal ? { onOpen: () => setOpen(true) } : {}), hayOnComponentClickGlobal ? {
+      onClose: (event2, reason) => {
+        if (reason === "blur") return;
+        setOpen(false);
+      }
+    } : {}), {
       multiple: typeFormat === "multiselect",
       clearOnEscape: true,
       noOptionsText: "No se encuentra",
       disabled,
-      options: data,
+      options: normalizedData,
       isOptionEqualToValue: (option, value) => getItemValue(option).value === getItemValue(value).value,
       onInputChange: (event2, value) => {
         setInputValue(value);
@@ -1952,9 +1981,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 +2004,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 +2092,7 @@ function SCAutocomplete({
           })
         }
       }
-    }
+    })
   ));
 }
 
@@ -2371,7 +2411,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" } }))
   );
 };
@@ -3091,7 +3131,6 @@ function SCDataGridInitial({ data, columns, getRowId, groupColumns, rowsTable, r
   const [selectionModel, setSelectionModel] = (0, import_react27.useState)([]);
   (0, import_react27.useEffect)(() => {
     var _a;
-    debugger;
     if (setSelectedRow) {
       setSelectedRow(arrayRows[selectedIndex]);
       setSelectionModel(((_a = arrayRows[selectedIndex]) == null ? void 0 : _a.id) ? [arrayRows[selectedIndex].id] : []);
@@ -3118,7 +3157,6 @@ function SCDataGridInitial({ data, columns, getRowId, groupColumns, rowsTable, r
         dataConvert = [...dataConvert, newKeys];
       });
     }
-    debugger;
     setArrayRows(dataConvert);
     if (arrayRows.length == 0 && (groupDataLenght < 1 && validationTreeData != true)) {
       setSelectedRow && setSelectedRow(dataConvert[selectedIndex]);
@@ -3126,7 +3164,6 @@ function SCDataGridInitial({ data, columns, getRowId, groupColumns, rowsTable, r
     }
   };
   const handleSelectionChange = (newSelection) => {
-    debugger;
     if (groupDataLenght > 0 && validationTreeData == true) {
       let numberGrouped = 0;
       let idsRowSelectBefore = [];
@@ -3147,7 +3184,6 @@ function SCDataGridInitial({ data, columns, getRowId, groupColumns, rowsTable, r
           }
         }
       });
-      debugger;
       if (idRowSelect !== null) {
         const soloEnArr1 = idsRowSelectBefore.filter((elemento) => !idRowSelect.includes(elemento));
         const hasCommonElements = idsRowSelectBefore.some((element) => idRowSelect.includes(element));
@@ -3158,7 +3194,6 @@ function SCDataGridInitial({ data, columns, getRowId, groupColumns, rowsTable, r
         }
       }
     } else {
-      debugger;
       setSelectionModel([...newSelection]);
       const selectedId = newSelection[0];
       const index = arrayRows.findIndex((row) => row.id === selectedId);
@@ -5697,11 +5732,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: {
@@ -7502,6 +7543,7 @@ var ADCSincoTheme = (0, import_styles3.createTheme)(__spreadValues({}, ADCTheme)
   SCTime,
   SCToastNotification,
   SincoTheme,
+  StopEvent,
   ToastProgress,
   capitalize,
   clampEventToVisibleRange,