componentes-sinco 1.1.18 → 1.1.20

package/dist/index.d.cts

@@ -347,6 +347,7 @@ interface SCDataGridInitialProps<T> {
 declare function SCDataGridInitial<T>({ data, columns, getRowId, groupColumns, rowsTable, rowSelection, checkboxSelection, width, maxHeight, density, disableColumnMenu, disableColumnSorting, setSelectedIndex, selectedIndex, setSelectedRow, selectedRow }: SCDataGridInitialProps<T>): React__default.JSX.Element;
 declare const SCDataGrid: React__default.MemoExoticComponent<typeof SCDataGridInitial>;
 
+declare const StopEvent: React__default.FC<React__default.PropsWithChildren>;
 interface SCAutocompleteProps<T> {
     label?: string;
     data: T[];
@@ -356,6 +357,7 @@ interface SCAutocompleteProps<T> {
         text: string;
         value: string;
         component?: any;
+        onComponentClick?: (event: React__default.MouseEvent<HTMLElement>, item: T) => void;
     };
     typeFormat?: "normal" | "multiselect";
     checkMassive?: boolean;
@@ -723,4 +725,4 @@ declare const SincoTheme: _mui_material_styles.Theme;
 declare let AdproSincoTheme: _mui_material_styles.Theme;
 declare let ADCSincoTheme: _mui_material_styles.Theme;
 
-export { ADCSincoTheme, AdproSincoTheme, Attachment, AttachmentMobile, BasicMenu, type BasicMenuProps, CALENDAR_CONSTANTS, Calendar, type CalendarEvent, type CalendarProps, type CalendarView, type CellBorderType, DayEventsList, EmptyState, type EmptyStateProperties, type EmptyStateSize, type EmptyStateStates, type EventState, FooterAction, type FooterActionsProperties, type ModalProps, type ModalStates, MultiSelect, type MultiSelectProps, type NavigationAction, PageHeader, type PageheaderProperties, type ReplyButtonVariants, type ReplyPalette$1 as ReplyPalette, type ReplyTextPalette, type ReplyVariants, type RepplyAnchorPositions, type RepplySizeVariants, SCActivityCalendar, SCAppBar, SCAutocomplete, SCCalendarSwipeable, SCCard, SCDataGrid, SCDataGridInitial, SCDatePicker, SCDateRange, SCDialog, SCDrawer, SCListContent, SCMenu, SCModal, SCSelect, SCSnackBar, SCTabs, SCTextArea, type SCTextAreaProps, SCTextField, type SCTextFieldProps, SCTime, SCToastNotification, SincoTheme, type ToastBaseProperties, ToastProgress, type ToastType, capitalize, clampEventToVisibleRange, filterEventsForDay, getButtonColor, getCellBorderType, getIcon, getIconComponent, getIconMultiSelect, getModalColor, modalStateConfig, useCalendarNavigation, useFilteredItems, useMultiSelectHandlers, useProgress };
+export { ADCSincoTheme, AdproSincoTheme, Attachment, AttachmentMobile, BasicMenu, type BasicMenuProps, CALENDAR_CONSTANTS, Calendar, type CalendarEvent, type CalendarProps, type CalendarView, type CellBorderType, DayEventsList, EmptyState, type EmptyStateProperties, type EmptyStateSize, type EmptyStateStates, type EventState, FooterAction, type FooterActionsProperties, type ModalProps, type ModalStates, MultiSelect, type MultiSelectProps, type NavigationAction, PageHeader, type PageheaderProperties, type ReplyButtonVariants, type ReplyPalette$1 as ReplyPalette, type ReplyTextPalette, type ReplyVariants, type RepplyAnchorPositions, type RepplySizeVariants, SCActivityCalendar, SCAppBar, SCAutocomplete, SCCalendarSwipeable, SCCard, SCDataGrid, SCDataGridInitial, SCDatePicker, SCDateRange, SCDialog, SCDrawer, SCListContent, SCMenu, SCModal, SCSelect, SCSnackBar, SCTabs, SCTextArea, type SCTextAreaProps, SCTextField, type SCTextFieldProps, SCTime, SCToastNotification, SincoTheme, StopEvent, type ToastBaseProperties, ToastProgress, type ToastType, capitalize, clampEventToVisibleRange, filterEventsForDay, getButtonColor, getCellBorderType, getIcon, getIconComponent, getIconMultiSelect, getModalColor, modalStateConfig, useCalendarNavigation, useFilteredItems, useMultiSelectHandlers, useProgress };

package/dist/index.d.ts

@@ -347,6 +347,7 @@ interface SCDataGridInitialProps<T> {
 declare function SCDataGridInitial<T>({ data, columns, getRowId, groupColumns, rowsTable, rowSelection, checkboxSelection, width, maxHeight, density, disableColumnMenu, disableColumnSorting, setSelectedIndex, selectedIndex, setSelectedRow, selectedRow }: SCDataGridInitialProps<T>): React__default.JSX.Element;
 declare const SCDataGrid: React__default.MemoExoticComponent<typeof SCDataGridInitial>;
 
+declare const StopEvent: React__default.FC<React__default.PropsWithChildren>;
 interface SCAutocompleteProps<T> {
     label?: string;
     data: T[];
@@ -356,6 +357,7 @@ interface SCAutocompleteProps<T> {
         text: string;
         value: string;
         component?: any;
+        onComponentClick?: (event: React__default.MouseEvent<HTMLElement>, item: T) => void;
     };
     typeFormat?: "normal" | "multiselect";
     checkMassive?: boolean;
@@ -723,4 +725,4 @@ declare const SincoTheme: _mui_material_styles.Theme;
 declare let AdproSincoTheme: _mui_material_styles.Theme;
 declare let ADCSincoTheme: _mui_material_styles.Theme;
 
-export { ADCSincoTheme, AdproSincoTheme, Attachment, AttachmentMobile, BasicMenu, type BasicMenuProps, CALENDAR_CONSTANTS, Calendar, type CalendarEvent, type CalendarProps, type CalendarView, type CellBorderType, DayEventsList, EmptyState, type EmptyStateProperties, type EmptyStateSize, type EmptyStateStates, type EventState, FooterAction, type FooterActionsProperties, type ModalProps, type ModalStates, MultiSelect, type MultiSelectProps, type NavigationAction, PageHeader, type PageheaderProperties, type ReplyButtonVariants, type ReplyPalette$1 as ReplyPalette, type ReplyTextPalette, type ReplyVariants, type RepplyAnchorPositions, type RepplySizeVariants, SCActivityCalendar, SCAppBar, SCAutocomplete, SCCalendarSwipeable, SCCard, SCDataGrid, SCDataGridInitial, SCDatePicker, SCDateRange, SCDialog, SCDrawer, SCListContent, SCMenu, SCModal, SCSelect, SCSnackBar, SCTabs, SCTextArea, type SCTextAreaProps, SCTextField, type SCTextFieldProps, SCTime, SCToastNotification, SincoTheme, type ToastBaseProperties, ToastProgress, type ToastType, capitalize, clampEventToVisibleRange, filterEventsForDay, getButtonColor, getCellBorderType, getIcon, getIconComponent, getIconMultiSelect, getModalColor, modalStateConfig, useCalendarNavigation, useFilteredItems, useMultiSelectHandlers, useProgress };
+export { ADCSincoTheme, AdproSincoTheme, Attachment, AttachmentMobile, BasicMenu, type BasicMenuProps, CALENDAR_CONSTANTS, Calendar, type CalendarEvent, type CalendarProps, type CalendarView, type CellBorderType, DayEventsList, EmptyState, type EmptyStateProperties, type EmptyStateSize, type EmptyStateStates, type EventState, FooterAction, type FooterActionsProperties, type ModalProps, type ModalStates, MultiSelect, type MultiSelectProps, type NavigationAction, PageHeader, type PageheaderProperties, type ReplyButtonVariants, type ReplyPalette$1 as ReplyPalette, type ReplyTextPalette, type ReplyVariants, type RepplyAnchorPositions, type RepplySizeVariants, SCActivityCalendar, SCAppBar, SCAutocomplete, SCCalendarSwipeable, SCCard, SCDataGrid, SCDataGridInitial, SCDatePicker, SCDateRange, SCDialog, SCDrawer, SCListContent, SCMenu, SCModal, SCSelect, SCSnackBar, SCTabs, SCTextArea, type SCTextAreaProps, SCTextField, type SCTextFieldProps, SCTime, SCToastNotification, SincoTheme, StopEvent, type ToastBaseProperties, ToastProgress, type ToastType, capitalize, clampEventToVisibleRange, filterEventsForDay, getButtonColor, getCellBorderType, getIcon, getIconComponent, getIconMultiSelect, getModalColor, modalStateConfig, useCalendarNavigation, useFilteredItems, useMultiSelectHandlers, useProgress };

package/dist/index.js

@@ -1704,10 +1704,25 @@ 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(
+    Box8,
+    {
+      onMouseDown: (e) => {
+        e.preventDefault();
+        e.stopPropagation();
+      },
+      onClick: (e) => e.stopPropagation(),
+      display: "inline-flex",
+      alignItems: "center"
+    },
+    children
+  );
+};
 function SCAutocomplete({
   label = "",
   data,
@@ -1759,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([]);
@@ -1812,14 +1828,26 @@ function SCAutocomplete({
   const selectedValue = typeFormat === "multiselect" ? selectedOptions : originalData.find(
     (item) => getItemValue(item).value === state.hiddenValue
   ) || null;
+  const [open, setOpen] = React11.useState(false);
+  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(__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);
@@ -1871,9 +1899,11 @@ function SCAutocomplete({
           isValid = group == option[columnGroup];
           group = option[columnGroup];
         }
+        const item = getItemValue(option);
         return /* @__PURE__ */ React11.createElement(React11.Fragment, null, /* @__PURE__ */ React11.createElement(React11.Fragment, { key }, columnGroup ? !isValid ? /* @__PURE__ */ React11.createElement(Typography7, { color: "text.secondary", sx: { margin: "7px 16px !important", fontSize: "13px !important" } }, option[columnGroup]) : "" : "", /* @__PURE__ */ React11.createElement(
           MenuItem2,
           __spreadProps(__spreadValues({}, optionProps), {
+            component: "li",
             disabled: isDisabled,
             style: {
               //background: typeFormat != "multiselect" ? state.hiddenValue == getItemValue(option).value ? "#be308fff" : 'white' : 'white', 
@@ -1892,7 +1922,16 @@ function SCAutocomplete({
             }
           ) : "",
           /* @__PURE__ */ React11.createElement(ListItemText2, { primary: getItemValue(option).text, color: "text.primary" }),
-          getItemValue(option).component != void 0 ? getItemValue(option).component : ""
+          item.component != null ? /* @__PURE__ */ React11.createElement(StopEvent, null, /* @__PURE__ */ React11.createElement(
+            "span",
+            {
+              onClick: (e) => {
+                var _a2;
+                (_a2 = item.onComponentClick) == null ? void 0 : _a2.call(item, e, option);
+              }
+            },
+            item.component
+          )) : null
         )));
       },
       renderInput: (params) => /* @__PURE__ */ React11.createElement(React11.Fragment, null, /* @__PURE__ */ React11.createElement(
@@ -1971,7 +2010,7 @@ function SCAutocomplete({
           })
         }
       }
-    }
+    })
   ));
 }
 
@@ -2290,7 +2329,7 @@ var DrawerHeader = ({
         alignContent: "center"
       }
     },
-    /* @__PURE__ */ React15.createElement(Typography8, { variant: "h6", color: colorTitle || "text.primary" }, title != null ? title : "Personaliza tu b\xFAsqueda"),
+    /* @__PURE__ */ React15.createElement(Typography8, { variant: filterSideCard ? "body2" : "h6", color: colorTitle || "text.primary" }, title != null ? title : "Personaliza tu b\xFAsqueda"),
     filterSideCard ? /* @__PURE__ */ React15.createElement(React15.Fragment, null, filterSideCard) : /* @__PURE__ */ React15.createElement(IconButton8, { onClick: onClose }, /* @__PURE__ */ React15.createElement(CloseIcon, { "data-testid": "test-button-close", sx: { color: "text.primary" } }))
   );
 };
@@ -2531,7 +2570,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";
 
@@ -2583,15 +2622,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))
@@ -2634,7 +2673,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]);
@@ -3010,7 +3049,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] : []);
@@ -3037,7 +3075,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]);
@@ -3045,7 +3082,6 @@ function SCDataGridInitial({ data, columns, getRowId, groupColumns, rowsTable, r
     }
   };
   const handleSelectionChange = (newSelection) => {
-    debugger;
     if (groupDataLenght > 0 && validationTreeData == true) {
       let numberGrouped = 0;
       let idsRowSelectBefore = [];
@@ -3066,7 +3102,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));
@@ -3077,7 +3112,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);
@@ -5031,7 +5065,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
@@ -5057,7 +5091,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]
   );
@@ -5616,11 +5650,17 @@ var SCDatePicker = ({ label, required, disabled, background, state, setState, wi
       minDate: dayjs11("2015-01-01"),
       maxDate: dayjs11().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: {
@@ -7425,6 +7465,7 @@ export {
   SCTime,
   SCToastNotification,
   SincoTheme,
+  StopEvent,
   ToastProgress,
   capitalize,
   clampEventToVisibleRange,