componentes-sinco 1.1.19 → 1.1.21

package/dist/index.js

@@ -1704,20 +1704,21 @@ function SCSelect({
 }
 
 // src/Components/SCAutocomplete.tsx
-import React11, { useEffect as useEffect10 } from "react";
+import React11, { useEffect as useEffect10, useMemo as useMemo3 } from "react";
 import { Autocomplete, Checkbox, InputAdornment as InputAdornment3, MenuItem as MenuItem2, TextField as TextField3, Typography as Typography7, SvgIcon as SvgIcon4, ListItemIcon as ListItemIcon2, ListItemText as ListItemText2, Divider as Divider3, FormControlLabel as FormControlLabel2, IconButton as IconButton7, Chip as Chip3, Box as Box8, Button as Button6, Grid as Grid3 } from "@mui/material";
 import { Search, Clear } from "@mui/icons-material";
 import * as Muicon4 from "@mui/icons-material";
 var StopEvent = ({ children }) => {
   return /* @__PURE__ */ React11.createElement(
-    "span",
+    Box8,
     {
       onMouseDown: (e) => {
         e.preventDefault();
         e.stopPropagation();
       },
       onClick: (e) => e.stopPropagation(),
-      style: { display: "inline-flex", alignItems: "center" }
+      display: "inline-flex",
+      alignItems: "center"
     },
     children
   );
@@ -1773,15 +1774,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 = useMemo3(() => {
+    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([]);
@@ -1827,15 +1829,17 @@ function SCAutocomplete({
     (item) => getItemValue(item).value === state.hiddenValue
   ) || null;
   const [open, setOpen] = React11.useState(false);
-  const hayOnComponentClickGlobal = React11.useMemo(() => {
-    return data.some((opt) => Boolean(getItemValue(opt).onComponentClick));
+  const hayOnComponentClickGlobal = useMemo3(() => {
+    return data.some((opt) => {
+      const item = getItemValue(opt);
+      return Boolean(item.onComponentClick);
+    });
   }, [data]);
   return /* @__PURE__ */ React11.createElement(React11.Fragment, null, data && /* @__PURE__ */ React11.createElement(
     Autocomplete,
-    __spreadProps(__spreadValues(__spreadValues(__spreadValues({}, hayOnComponentClickGlobal ? { open } : {}), hayOnComponentClickGlobal ? { onOpen: () => setOpen(true) } : {}), hayOnComponentClickGlobal ? {
+    __spreadProps(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues({}, hayOnComponentClickGlobal ? { disableCloseOnSelect: true } : {}), hayOnComponentClickGlobal ? { blurOnSelect: false } : {}), hayOnComponentClickGlobal ? { open } : {}), hayOnComponentClickGlobal ? { onOpen: () => setOpen(true) } : {}), hayOnComponentClickGlobal ? {
       onClose: (event2, reason) => {
-        debugger;
-        if (reason === "blur") return;
+        if (["blur", "selectOption"].includes(reason)) return;
         setOpen(false);
       }
     } : {}), {
@@ -1843,7 +1847,7 @@ function SCAutocomplete({
       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);
@@ -1923,6 +1927,8 @@ function SCAutocomplete({
             {
               onClick: (e) => {
                 var _a2;
+                e.preventDefault();
+                e.stopPropagation();
                 (_a2 = item.onComponentClick) == null ? void 0 : _a2.call(item, e, option);
               }
             },
@@ -2566,7 +2572,7 @@ var FooterAction = ({
 };
 
 // src/Components/MultiSelect/MultiSelect.tsx
-import React18, { useEffect as useEffect11, useMemo as useMemo4 } from "react";
+import React18, { useEffect as useEffect11, useMemo as useMemo5 } from "react";
 import { Button as Button9, Checkbox as Checkbox2, FormControl as FormControl3, InputAdornment as InputAdornment5, ListItemIcon as ListItemIcon3, MenuItem as MenuItem3, Popover as Popover3, Stack as Stack7, TextField as TextField4 } from "@mui/material";
 import { SearchOutlined } from "@mui/icons-material";
 
@@ -2618,15 +2624,15 @@ function getIconMultiSelect(name) {
 }
 
 // src/Components/MultiSelect/helpers/useFilteredItems.tsx
-import { useMemo as useMemo3 } from "react";
+import { useMemo as useMemo4 } from "react";
 function useFilteredItems(items, filterValue, getItemLabel, selectedItems) {
-  const filteredItems = useMemo3(
+  const filteredItems = useMemo4(
     () => items.filter(
       (item) => getItemLabel(item).toLowerCase().includes(filterValue.toLowerCase())
     ),
     [items, filterValue, getItemLabel]
   );
-  const sortedItems = useMemo3(() => {
+  const sortedItems = useMemo4(() => {
     return [
       ...filteredItems.filter((item) => selectedItems.includes(item)),
       ...filteredItems.filter((item) => !selectedItems.includes(item))
@@ -2669,7 +2675,7 @@ function MultiSelect({
     setSelectedItems([]);
   }, [items, setSelectedItems]);
   const { filteredItems, sortedItems } = useFilteredItems(items, filterValue, getItemLabel, selectedItems);
-  const Icon = useMemo4(() => {
+  const Icon = useMemo5(() => {
     var _a2;
     return getIconMultiSelect((_a2 = button == null ? void 0 : button.icon) != null ? _a2 : "FilterListOutlined");
   }, [button == null ? void 0 : button.icon]);
@@ -3045,7 +3051,6 @@ function SCDataGridInitial({ data, columns, getRowId, groupColumns, rowsTable, r
   const [selectionModel, setSelectionModel] = useState13([]);
   useEffect13(() => {
     var _a;
-    debugger;
     if (setSelectedRow) {
       setSelectedRow(arrayRows[selectedIndex]);
       setSelectionModel(((_a = arrayRows[selectedIndex]) == null ? void 0 : _a.id) ? [arrayRows[selectedIndex].id] : []);
@@ -3072,7 +3077,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]);
@@ -3080,7 +3084,6 @@ function SCDataGridInitial({ data, columns, getRowId, groupColumns, rowsTable, r
     }
   };
   const handleSelectionChange = (newSelection) => {
-    debugger;
     if (groupDataLenght > 0 && validationTreeData == true) {
       let numberGrouped = 0;
       let idsRowSelectBefore = [];
@@ -3101,7 +3104,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));
@@ -3112,7 +3114,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);
@@ -5066,7 +5067,7 @@ import React44, { useEffect as useEffect21, useRef as useRef8, useState as useSt
 import Webcam from "react-webcam";
 
 // src/Components/Adjuntar/mobile/components/button.tsx
-import React43, { useMemo as useMemo5 } from "react";
+import React43, { useMemo as useMemo6 } from "react";
 import { Button as Button18 } from "@mui/material";
 
 // src/Components/Adjuntar/mobile/components/Utils.tsx
@@ -5092,7 +5093,7 @@ var AttachmentButton = ({ buttonAttachment, open, setOpen }) => {
       setOpen(!open);
     }
   };
-  const Icon = useMemo5(
+  const Icon = useMemo6(
     () => getAttachmentIcon(buttonAttachment == null ? void 0 : buttonAttachment.icon),
     [buttonAttachment == null ? void 0 : buttonAttachment.icon]
   );