componentes-sinco 1.1.18 → 1.1.19

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

@@ -1708,6 +1708,20 @@ import React11, { useEffect as useEffect10 } 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",
+    {
+      onMouseDown: (e) => {
+        e.preventDefault();
+        e.stopPropagation();
+      },
+      onClick: (e) => e.stopPropagation(),
+      style: { display: "inline-flex", alignItems: "center" }
+    },
+    children
+  );
+};
 function SCAutocomplete({
   label = "",
   data,
@@ -1812,9 +1826,19 @@ function SCAutocomplete({
   const selectedValue = typeFormat === "multiselect" ? selectedOptions : originalData.find(
     (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));
+  }, [data]);
   return /* @__PURE__ */ React11.createElement(React11.Fragment, null, data && /* @__PURE__ */ React11.createElement(
     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",
@@ -1871,9 +1895,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 +1918,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 +2006,7 @@ function SCAutocomplete({
           })
         }
       }
-    }
+    })
   ));
 }
 
@@ -2290,7 +2325,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" } }))
   );
 };
@@ -5616,11 +5651,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 +7466,7 @@ export {
   SCTime,
   SCToastNotification,
   SincoTheme,
+  StopEvent,
   ToastProgress,
   capitalize,
   clampEventToVisibleRange,